Hướng dẫn cá nhân hóa giao diện Android bằng ứng dụng tạo widgets chuyên biệt.
Rất hay và hữu ích!/6 người
caocaolatre199x
2 thángBình luận: 89
Xin chào anh em, lại là mình đây (mặc dù anh em cũng ếu biết mình là ai 😁 )
Sau những chuỗi ngày dài nhàm chán cách li chống dịch và không dám bước chân đi đâu ra khỏi nhà vì sợ... chết :D, điện thoại thì nhấc lên lại đặt xuống mãi rồi cũng chán. Bỗng một hôm anh em nhìn vào home screen của mình và nhận ra "ồ sao nó nhàm chán vãi chg...? 😕", thì đó là lúc anh em cần làm mới lại home screen của mình để tăng hứng thú sử dụng thiết bị và tạo cá tính riêng cho bản thân khi mà ở thời điểm hiện tại, cái điện thoại nào cũng giống cái nào từ thiết kế phần cứng đến giao diện phần mềm, ngoại trừ cái hình nền là khác nhau.

Okay, dài dòng thế đủ rồi. Hôm nay mình sẽ hướng dẫn anh em (hay nói khác đi là share) cách tạo 3 giao diện chính cơ bản mà mình vừa vọc mấy ngày vừa qua. 1 là hoài niệm trở về thời Windows phone với giao diện live title (widget trong bài này chỉ tĩnh, không tạo được hiệu ứng live nha anh em), 2 là giao diện để anh em show hình ảnh bản thân với hình cover lớn và bộ điều khiển âm nhạc (gần giống như trang chủ social của anh em vậy), và 3 là giao diện tìm kiếm Google với thanh dock và đồng hồ lớn dạng chữ.
screenshots.jpg

Những thứ anh em cần có để tạo được widgets giống như hình:
  • KWGT Kustom Widget Maker cùng với bản pro (mình không rõ giá ở VN nhưng mình mua ở Nhật là 500Y, khoảng ~100k).
  • Nova Launcher Prime. (Mình mua khoảng 20k mấy năm trước rồi :D )
  • Bộ widgets mình backup ra tải tại ĐÂY (thật ra mình bỏ tiền mua 1 bản pro, họ dựng sẵn rồi mình chỉ custom lại theo ý thích chứ mình không tự tạo hoàn toàn được những widgets này). Nếu anh em hứng thú có thể ủng hộ developer tại TapOn KWGT.
  • Bộ font chữ cho anh em nào cần, tải tại ĐÂY.
  • Đối với hình nền, để có 1 màn hình home chuẩn với hình nền đẹp mà các widgets bên trên nhìn vẫn rõ chữ, không bị rối, mình khuyên anh em nên sử dụng các hình nền dạng blur, các ảnh chụp xóa mờ background như ảnh close-up hoặc macro. Anh em có thể lên Unsplash.com tải hình nền với chất lượng hình cực cao, cùng với từ khóa "blur wallpapers, blur backgrounds,..."
  • Hình nền sáng thì chỉnh font chữ trên widget thành màu tối và ngược lại, hình cover và hình nền nên chọn những hình có tông màu same nhau thì sẽ hài hòa hơn.
Rồi, nguyên liệu đã chuẩn bị xong và bây giờ là cách làm chi tiết:


1. Giao diện Windows phone.
- Anh em tải KWGT trước và khởi chạy để nó tự động tạo một vài folder hệ thống trong bộ nhớ máy, anh em đỡ phải tạo thủ công.
- Tải wigets mình share và đưa nó vào thư mục theo đường dẫn: Bộ nhớ trong\Kustom\widgets
- Tải font chữ mình share và đưa nó vào thư mục theo đường dẫn : Bộ nhớ trong\Kustom\fonts
(lưu ý là font chữ anh em dùng phải ở dạng *.ttf)
- Tải Nova launcher và set nó làm trình launcher mặc định. Anh em lưu ý là nên gỡ hết các icon, các default widgets xuất hiện trên màn hình chính, ẩn thanh dock (nếu có), chỉ để lại một màn hình trống.
- Nhấn giữ vào màn hình, chọn widget, kéo đến KWGT, chọn loại 2x4 (hình chữ nhật dọc), sau khi tạo thì nhấn giữ vào widget, chọn resize, kéo nó phủ hết màn hình và chọn padding (để kéo nó tràn ra 2 cạnh bên)
Screenshot_20200928-203359_Nova Launcher.jpg Screenshot_20200928-203438_Nova Launcher.jpg Screenshot_20200928-203626_Nova Launcher.jpg

- Bấm vào widget để đi đến phần chỉnh sửa trong KWGT. mục EXPORTED là những widgets anh em tải bên ngoài về hoặc những widgets mà anh em tự export ra sẽ lưu ở đây, Installed là những widgets nằm trong các app dạng add-on cho KWGT mà anh em tải trên Play store. Sau khi import mẫu có sẵn, nếu nó không fit với màn hình của anh em thì chuyển sang tab LAYER để chỉnh to nhỏ hoặc POSITION để điều hướng lên, xuống, trái, phải.
Screenshot_20200928-204131_Kustom Widget.jpg Screenshot_20200928-203805_Kustom Widget.jpg Screenshot_20200928-203825_Kustom Widget.jpg
- Trong phần Items là nơi chứa các thành phần của widget, giống như các layer trong photoshop. Anh em có thể hoán đổi vị trí, thay đổi biểu tượng, thay đổi cách nó chạy app gì khi anh em click vào icon. Ví dụ bây giờ mình muốn thay icon Youtube và đổi app khởi chạy khi anh em nhấn vào.
  • Nhấn vào Stack Group Youtube, chọn Overlap Group (youtube), chọn Fonticon, sẽ có các bộ icon cho anh em chọn. chuyển sang tab PAINT để chỉnh màu icon, tab TOUCH để sửa action khi anh em chạm vào.
Screenshot_20200928-204335_Kustom Widget.jpg Screenshot_20200928-204459_Kustom Widget.jpg Screenshot_20200928-204508_Kustom Widget.jpg Screenshot_20200928-204516_Kustom Widget.jpg Screenshot_20200928-204623_Kustom Widget.jpg Screenshot_20200928-204416_Kustom Widget.jpg
- Làm tương tự nếu anh em muốn thay icon khác và chỉnh action chạm với các ứng dụng khác.
- Save lại và back ra màn hình chính là anh em đã có widget Windows phone khá đẹp phải không :D:D

2. Giao diện với Google search và thanh dock
- Tạo 1 trang màn hình home mới trên Nova launcher
- Nhấn giữ ra màn hình chính, chọn widgets, chọn 4x4 (vuông), kéo nó phủ khoảng 3/4 màn hình chính, đặt bên dưới.
- Làm tương tự như trên để tạo thêm 1 widgets nhưng cái này chọn 2x4 và kéo nó phủ nốt phần trống còn lại trên màn hình.
Screenshot_20200928-203359_Nova Launcher.jpg Screenshot_20200928-205540_Nova Launcher.jpg Screenshot_20200928-205641_Nova Launcher.jpg
- Nhấn vào widget vuông bên dưới, import widget Google_Search.
- Đầu tiên chỉnh thanh Google search
  • Nhấn vào Overlap Group (image 110x55, có dòng chữ đá* vào đây để tìm kiếm... :D )
  • Ở đây anh em có thể chỉnh dòng "đá* vào đây để tìm kiếm" thành dòng chữ khác, chỉnh action chạm khi chạm vào logo Google sẽ hiện ra Google app, khi chạm vào logo Asisstant sẽ ra tìm kiếm bằng giọng nói. vì Asisstant không phải là 1 app riêng biệt mà nó là 1 phần của Google app nên khi chọn trong phần TOUCH, anh em không chọn Launch App mà chọn Launch Shortcut, chọn Nova Action, Trong Nova Action chọn Asisstant. (Khi chỉnh touch ở icon nào phải chọn layer icon đó, ứng dụng sẽ khoanh ô vuông màu xanh để cho chúng ta biết đang làm việc trên phần nào)
Screenshot_20200928-205716_Kustom Widget.jpg Screenshot_20200928-205731_Kustom Widget.jpg Screenshot_20200928-205847_Kustom Widget.jpg
- Đến phần đồng hồ. Nó là cái đồng hồ được chuyển thành chữ thôi. Anh em chuyển sang layer Clock Group để chỉnh font chữ, màu chữ. Phần filter chọn Numbers to Words thì nó sẽ auto chuyển số sang chữ. nếu anh em ko chọn cái này thì nó sẽ chỉ đơn giản là đồng hồ số thôi.
Screenshot_20200928-210129_Kustom Widget.jpg Screenshot_20200928-210150_Kustom Widget.jpg Screenshot_20200928-210157_Kustom Widget.jpg
- Phông chữ
Screenshot_20200928-205442_Kustom Widget.jpg
- Phần icon badges là cái số 1, 0 nhỏ nhỏ hiển thị ở góc icon, nhưng mình thấy cái này không ngon lắm vì nó phụ thuộc vào Notification của máy. nếu anh em clear notification ở thanh notification thì cái số kia nó cũng reset về 0, trong khi anh em chưa xem thông báo trong ứng dụng.
  • Anh em nhấn vào dấu + trên góc phải màn hình, chọn Text hoặc Morphing Text đều được. mặc định khi chọn xong nó sẽ là cái đồng hồ số. anh em ấn vào đó để edit, có khá nhiều tuỳ chọn text khác cho anh em dùng.
  • Chọn vào "ni", chọn Facebook messenger notifications count ($ni (pcount, com.facebook.orca)$), trong đó nếu anh em muốn thay bằng app facebook thì thay com.facebook.orca thành com.facebook.katana (đây là application package name)
  • Sau đó chuyển sang Position để canh vị trí cho nó
Screenshot_20200928-205935_Kustom Widget.jpg Screenshot_20200928-205944_Kustom Widget.jpg Screenshot_20200928-210039_Kustom Widget.jpg
Screenshot_20200928-205923_Kustom Widget.jpg Screenshot_20200928-205952_Kustom Widget.jpg Screenshot_20200928-210013_Kustom Widget.jpg
- Tiếp theo nhấn chọn cái wiget 4x2 bên trên và import widget calendar là xong.

3. Giao diện với cover lớn và trình điều khiển nhạc, cover nhạc
- Tạo 1 trang màn hình home mới trên Nova launcher.
- Nhấn giữ ra màn hình, chọn widgets. chọn 1 cái 2x4 (kéo khoảng 60% màn hình), 1 cái 4x2 ở dưới.
Screenshot_20200928-203359_Nova Launcher.jpg Screenshot_20200928-204949_Nova Launcher.jpg Screenshot_20200928-205024_Nova Launcher.jpg
- Cái 4x2 import widget All mylife, chọn phần Shape đầu tiên để thay hình cover, chuyển sang tab FX, chọn Pick Image trong phần Bitmap.
Screenshot_20200928-205147_Kustom Widget.jpg Screenshot_20200928-205201_Kustom Widget.jpg Screenshot_20200928-205231_Kustom Widget.jpg
- Back lại, anh em có thể thay đổi dòng All My Life is here thành câu nói khác, trích dẫn khác mà anh em thích.
- Tiếp theo cái widget 4x2 ở dưới, anh em import nốt cái widget Music vào là xong. Dòng chữ "Good night" sẽ tự động chuyển thành Good morning, afternoon,... theo thời gian được lập trình sẵn.
- Còn cái phần cover music thì anh em chỉ cần tải nhạc có add sẵn cover vào, khi play thì nó sẽ tự hiển thị ở đó. Lưu ý là Default Player sẽ được set trong phần cài đặt của KWGT.
Screenshot_20200928-205426_Kustom Widget.jpg Screenshot_20200928-205359_Nova Launcher.jpg
Vậy là xong. Bài khá dài nên mình không thể hướng dẫn chi tiết. Anh em chịu khó vọc sẽ ra. Chúc anh em vui vẻ với 3 màn hình home mới của mình.

* Thêm vài hình nền blur cho anh em nào cần
britt-felton-SeZ6KeFho5s-unsplash.jpg
jake-givens-ocwmWiNAWGs-unsplash.jpg

karl-exs0oDIuNDM-unsplash.jpg
mika-luoma-pr8-LtFaalc-unsplash.jpg
pexels-purple-smith-4599952.jpg
Rất hay và hữu ích!/6 người
Bài viết công phu quá, cảm ơn bác thớt. Hay cho những ai hoài niệm WP.
@Vuducanh0909 Thank bác 😁
Like vì bài viết công phu của bác.
@duc30121989 Cám ơn bác 😁
SandPro
ĐẠI BÀNG
2 tháng
Bài viết công phu vậy. vote mang ra trang chủ @Duy Luân
@SandPro Yep. Thank bác ạ 😁
HeoPeppa
ĐẠI BÀNG
2 tháng
lâu lắm rồi mới có người viết bài có tâm và hữu ích như thế này. like mạnh.
trc đây từ android 9 trở xg mình hay nghịch ntn, nhưng từ khi lên 10 và 11, nova launcher ko mượt nữa nên đã bỏ rồi, cứ mặc định lại hay 😁
@manchirua Đỉnh cao của độ là về zin mà. Ae Android chán ngấy mấy thứ kiểu như này rồi. Với ae iOS mới có nên háo hức thôi.
@manchirua Mềnh vẫn đang nova với android 10, cũng nuột mà nhỉ :v Của mình theme gốc đặt được ít icon quá, tùy chỉnh được như Nova phê hơn.
Screenshot_2020-09-30-08-21-51-805_com.teslacoilsw.launcher.jpg
@alakazam1994 bạn vuốt vô đa nhiệm và về home cảm giác khựng khựng rất khó chịu, ko giống như laucher gốc, trừ khi bạn dùng nút bấm thì chắc sẽ đỡ hơn.
@manchirua chắc là có mà nó cũng không ảnh hưởng đến trải nghiệm lắm nên mình vẫn xài được 😆)
Bài quá hay ,cảm ơn bạn.
Quá hay. Hy vọng 10 năm nữa apple cho cá nhân hoá iOS như này 😂
Apple ra ios 14 tạo ra trào lưu cá nhân hoá giao diện, một xu hướng mới mà cũ. Tóm lại chả ra cái gì, zăm bữa chán ngấy.
@xuantruong1992 Thế ông ko thấy tôi nói cũ mà mới à, có công nhận đợt này kể cả người dùng android cũng để ý hơn đến cá nhân hoá giao diện ko. Bài trên là một minh hoạ.
@dohoa13@gmail.com Không. Tôi lúc nào cũng mod giao diện. Kể cả pc lẫn mobile. Nhiều năm nay rồi. Chỉ là đợt này có app mới hay ho thì tôi post bài thôi. Trc kia có zooper widget.
@caocaolatre199x 42 năm là nói quá rồi bạn, cỡ 12 năm thôi.
@Ma Vương _ MT đùa tí thôi hehe
phoden
TÍCH CỰC
2 tháng
Qua rồi thời lọ mọ vọc vạch
Bài công phu 👍
Winphone
njsha0rchn
ĐẠI BÀNG
2 tháng
@erichaliwell Bác chủ thớt mất công design nhìn cũng mê thật 😁
Thông tin hữu ích !
Em cũng thích giao diện của Windows 😃 Xài nhanh và tiện.
Screenshot_20200929-205807.png
juha8x
TÍCH CỰC
2 tháng
@huynhdinhchien Share cái này đi ông ơi
@huynhdinhchien Tôi cần cái này ghê
juha8x
TÍCH CỰC
2 tháng
@huynhdinhchien Triệu hồi chủ cmt 😁
juha8x
TÍCH CỰC
2 tháng
@Tân Đoàn Official VN Nghe đâu chủ cmt dùng launcher 10, nhưng tôi thử thì ko tùy biến đc như vậy nên tôi thử test vs KWGT, vì mới thử làm nên mất thời gian quá. 😁
IMG_20201002_203053.jpg
Đơn giản nhưng đầy đủ thông tin cần thiết & chủ của nó cũng thế
image.jpg
Với mình giờ càng đơn giản càng tốt. Home của mình đây.
Screenshot_20200929-211504_Nova Launcher.jpg
Than Dam
TÍCH CỰC
2 tháng
@chetdichoroi Xem đi chú @caocaolatre199x
Nhiều cha nội bày đặt để hình người iu, rồi hình bà nội làm hình nền, sau đó lấy đống icon lấp lại như lấp mã, thấy gớm
@Than Dam bạn nên đọc bài rồi hãy cmt. xem mình để hình ng yêu hay hay hình bà nội hay lấy icon lấp lại như lấp mã? còn nếu không thích bạn có quyền ko cmt mà 😃
@Than Dam Xem gì? Coi cái home của tui đi, có gì để xem k? Mắt có vấn đề ak? Xàm vừa thôi bạn.
Screenshot_20200929-211504_Nova Launcher.jpg
tamtin79
ĐẠI BÀNG
2 tháng
@Than Dam Ủa ng ta để gì kệ người ta , bác chú ý mấy cái riêng tư đó làm gì kk.
Than Dam
TÍCH CỰC
2 tháng
Đi dọn cái màn hình để lòi hình nên sexy ra ko hết, mấy cha nội lại đẻ ra cái thứ khỉ gì gọi là Guy Gết cho nhớp màn hình
@Than Dam Ai cũng có sở thích thẩm du như bạn đâu 🤣
Than Dam
TÍCH CỰC
2 tháng
@caocaolatre199x Đọc lại rồi sửa comment của mình cho dễ hiểu hơn đi ku
@Than Dam Bạn thích hình nền sexy show ra đó thì bạn cữ giữ cho bạn thôi. Hoặc lên đây mà viết tutorial hướng dẫn rồi gửi cho mod show ra homepage cũng được. Tuy nhiên những thứ tế nhị thì nên giữ riêng thôi. Mà hình như bạn ko đọc bài thì phải. Có 1 widget show nguyên cái hình to tổ bố mà. Bạn đặt hình nude của mình vào đó cũng đc.
Còn nếu ko thích bạn có thể bỏ qua bài viết này của mình 😃
@caocaolatre199x Tao không thích thì thằng khác cũng ko được thích. Đến khổ với mấy thanh niên đó =))
tamtin79
ĐẠI BÀNG
2 tháng
@Than Dam Sở thích cá nhân kệ người ta, bác thích đơn giản thì bác để, ảnh hưởng chi đến cái màn hình đt của bác đâu.
nplong1
ĐẠI BÀNG
2 tháng
nếu có video demo nữa thì hay quá
tuanbkk51
ĐẠI BÀNG
2 tháng
Của mình thế này :d
Screenshot_20200929-223510_Nova Launcher.jpg
Screenshot_20200929-223505_Nova Launcher.jpg
Screenshot_20200929-223507_Nova Launcher.jpg
@tuanbkk51 Bạn tạo nhiều page thế 😁
tamtin79
ĐẠI BÀNG
2 tháng
@tuanbkk51 đẹp, mà nhiều page quá.keke
Cái Kustom này quá bá đạo
Tuy nhiên ít người biết dùng
Mà biết dùng thì lại rất tốn thời gian.
Có đủ icon thì muốn biến thành giao diện của cái gì cũng được
Screenshot_2019-09-12-22-08-29-092_com.ss.launcher2.jpg
@lanhthuan Cũng ko khó lắm. Lướt reddit mọi ng share cách làm nhiều. Chủ yếu tinh thần vọc cao đến đâu thôi hehe
@caocaolatre199x Bạn cho mình link reddit tham khảo nhé.
Mà mấy ông lười, muốn đẹp thì vẫn có thể load file người ta thiết kế sẵn mà.
Màn pc hay đt mình đều cá nhân hóa hết.
Pc đang chơi với rain meter
@lanhthuan mình cũng làm trên PC bằng rain meter. nhưng mà trên PC ngốn CPU hơi dữ. trung bình cứ khoảng 7-10% CPU cống cho thằng đó. bạn lên reddit cứ search kustom hoặc androidthemes rồi lướt thôi. mình cũng mới dùng reddit đc vài bữa thôi à 😁
Screenshot (51).png
Screenshot (52).png
Cá nhân
Bạn
Hi bạn!
Điểm Reward Store: 
Tuổi Tinh tế: 
Cấp độ thành viên Tinh Tế


Tải app Tinh tế

Tải app Tinhte - Theo dõi thông tin mà bạn yêu thích

Tải app TinhteTải app Tinhte
Tải app Tinh tế cho Android trên Google PlayTải app Tinh tế cho iPhone, iPad trên App Store



Cộng đồng nổi bật




  • Chịu trách nhiệm nội dung: Trần Mạnh Hiệp
  • © 2020 Công ty Cổ phần MXH Tinh Tế
  • Địa chỉ: 209 Đường Nam Kỳ Khởi Nghĩa, Phường 7, Quận 3, TP.HCM
  • Số điện thoại: 02862713156
  • MST: 0313255119
  • Giấy phép thiết lập MXH số 11/GP-BTTTT, Ký ngày: 08/01/2019