Học viện đào tạo trực tuyến Chủ Nhật, 11 tháng 10, 2020 0 No comments

iOS 14 chính thức cũng đã ra mắt được một thời gian và chắc đến giờ anh em cũng đã thành thạo trong việc tuỳ chỉnh màn hình Home iPhone của mình như thêm, tuỳ chỉnh widget hay thay icon ứng dụng… Trong bài này mình sẽ chia sẻ với anh em một cách để làm cho các widget trở nên trong suốt và "hoà quyện" vào với hình nền luôn thay vì nằm trong một ô bo tròn tách biệt.

Đầu tiên anh em tải 2 ứng dụng Widgetsmith và Scriptable trong link dưới đây về.

WIDGETSMITH và SCRIPTABLE

Xong anh em haptic touch vào khoảng trống bất kỳ trên màn hình Home cho đến khi các icon lắc lư để vào Edit mode. Sau đó vuốt sang trái đến trang Home trắng, nhấn tổ hợp phím nguồn tăng âm lượng để chụp màn hình lại.

1.Screenshot_Blank_HomeScreen.jpg

Sau đó anh em vào link Google Docs này, copy lại toàn bộ đoạn mã trong đó. Mở app Scriptable lên, nhấn dấu , dán đoạn mã vào xong nhấn nút Play.

2.Scriptable_App.jpg

Nhấn Continue, chọn hình screenshot màn hình Home trắng hồi nãy chụp.

3.Select_Screenshot.jpg

Chọn kích cỡ widget muốn tạo, mình chọn Medium. Chọn vị trí đặt widget, mình chọn Top.

4.Size_Position_Widget.jpg

Chọn Export to Photos để lưu ảnh vào Photos, xong bước chuẩn bị ảnh.

5.Export_To_Photos.jpg

Tiếp theo mở app Widgetsmith lên, nhấp vào widget Medium #1, nhấp tiếp vào Default Widget.

6.Widgetsmith_Medium.jpg

Trong trang Style vuốt xuống chọn Photo Day & Date hoặc bất kỳ widget nào trong phần CUSTOM, chọn thẻ Selected Photo ở dưới cùng. Nhấn Choose Photo, chọn hình hồi nãy xuất ra từ Scriptable.

7.Select_Photos.jpg

Nhấn nút Back về, chọn Save là xong.

8.Save_Widget.jpg

Lúc này anh em thêm widget như bình thường. Trong trang widget chọn Widgetsmith, chọn kích cỡ là Medium xong nhấn Add Widget.

9.Add_Widget.jpg

Kéo Widget lên top, tức thì sẽ thấy background của widget sẽ trông như trong suốt và hoà quyện vào hình nền thay vì chia tách như trước đây.

cover_widget_trong_suốt_tinhte.jpg

Bản chất của thủ thuật này là sẽ dùng một đoạn mã script để cắt khúc hình nền ngay chỗ mà widget nằm, sau đó cho hình nền này vào làm background của widget là sẽ thấy widget như là trong suốt vậy 😁 Như vầy thì đẹp hơn mặc định chứ đúng không?

Ngoài ra anh em có thể chỉnh hình nền khác, kích thước và vị trí widget trong khi tạo ảnh trong app Scriptable tuỳ ý rồi vào app Widgetsmith tuỳ chỉnh lại tương tự như trên là xong. Thủ thuật làm widget hoà quyện vào hình nền, chúc anh em vui vẻ :D

Tham khảo: 1, 2

---