Reflex - Extension tạo thanh trạng thái trong suốt, ứng dụng full màn hình

B ạn đã từng dùng 1 phần mềm tải về từ play store thấy thanh status bar của phần mềm đó có nền trong suốt và phần mềm đó full màn hình ẩn dưới thanh status bar. Giờ đây bạn muốn tạo 1 phần mềm có thể ẩn dưới thanh statusbar như vậy để trông Pro hơn??? Đây chính là giải pháp dành cho bạn.

Sau 1 thời gian dài tìm kiếm và thử nghiệm nhiều giải pháp, thì đây là giải pháp mình thấy ổn nhất nên muốn chia sẻ cho các bạn, điều tuyệt vời là nó được chia sẻ hoàn toàn miễn phí. ( Xin cảm ơn tác giả có tên là FlailingOctopus Nathan trong diễn đàn kodular đã chia sẻ extension tuyệt vời này!

Trải qua rất nhiều bản cập nhật để fix lỗi, cuối cùng bàn 4.0.2 cũng đã ra đời và gần như là hoàn thiện nhất. (Mình đã test trên Android 11, 10 và 7 đều rất ok). Dưới đây là những Block có trong extension.

Block này sẽ trả về giá trị chiều cao của thanh điều hướng ảo (nếu có)

Block này trả về giá trị chiều cao của thanh status bar

Yêu cầu cả thanh điều hướng lẫn thanh status bar áp dụng các thuộc tính đã cài đặt.

Kiểm tra xem màn hình có dạng khuyết tật không (Nốt ruồi, giọt nước, tai thỏ...), nếu có trả về giá trị TRUE nếu không trả về giá trị FALSE

Đặt màu cho thanh điều hướng.

Thuộc tính này áp dụng nếu chúng ta để màu cho thanh điều hướng và thanh status bar là trong suốt. Khi đó nều set giá trị cho thuộc tính này bằng TRUE thì nội dung trong Layout sẽ không hiển thị bên trong thanh điều hướng hay thanh status bar.

Yêu cầu màu các icon trong thanh status bar hiển thị đảo màu khi nền của thanh status bar là màu sáng. (Tức nền sáng thì icon đen và ngược lại)

Chọn vùng hiển thị sẽ áp dụng để làm full màn hình khi sử dụng chế độ trong suốt cho Status bar và thanh điều hướng.

Cài đặt chế độ trong suốt cho cả thanh điều hướng và thanh status bar. Vùng layout bạn đặt trong block phía trên sẽ được hiển thị bên dưới thanh điều hướng và thanh status bar.

- Khi đặt giá trị TRUE hoặc FALSE thì thuộc tính 𝚃𝚘𝚐𝚐𝚕𝚎𝙽𝚊𝚟𝚒𝚐𝚊𝚝𝚒𝚘𝚗𝙱𝚊𝚛𝙻𝚒𝚐𝚑𝚝𝚂𝚝𝚢𝚕𝚎 và 𝚃𝚘𝚐𝚐𝚕𝚎𝚂𝚝𝚊𝚝𝚞𝚜𝙱𝚊𝚛𝙻𝚒𝚐𝚑𝚝𝚂𝚝𝚢𝚕𝚎 vẫn hoạt động.

- Khi đặt giá trị FALSE, thuộc tính 𝚂𝚎𝚝𝙽𝚊𝚟𝚒𝚐𝚊𝚝𝚒𝚘𝚗𝙱𝚊𝚛𝙲𝚘𝚕𝚘𝚛 và 𝚂𝚎𝚝𝚂𝚝𝚊𝚝𝚞𝚜𝙱𝚊𝚛𝙲𝚘𝚕𝚘𝚛) vẫn hoạt động.

- Khi đặt giá trị là TRUE, thuộc tính 𝚂𝚎𝚝𝙽𝚊𝚟𝚒𝚐𝚊𝚝𝚒𝚘𝚗𝙱𝚊𝚛𝙲𝚘𝚕𝚘𝚛 và 𝚂𝚎𝚝𝚂𝚝𝚊𝚝𝚞𝚜𝙱𝚊𝚛𝙲𝚘𝚕𝚘𝚛 sẽ không hoạt động, màu của thanh điều hướng và thanh status bar sẽ tự chuyển sang trong suốt.

Hiển thị 1 đường kẻ nhỏ phía trên thanh điều hướng, ngăn cách giữa thanh điều hướng và nội dung của bạn. (Hoạt động trên các thiết bị chạy android 9 trở lên)

Đặt màu cho thanh status bar.

Màu của các phím điều hướng tự thay đổi sang màu trắng khi nền của thanh điều hướng là màu tối và ngược lại. (Chỉ hoạt động với những thiết bị chạy Android 8 trở lên)

Cách setup nền trong suốt cho status bar

Có nhiều bạn không biết cách setup nên dẫn tới tình trạng extension không hoạt động.

Với những thuộc tính khác mình không hướng dẫn thêm nữa. Mình chỉ hướng dẫn các bạn cách setup làm sao để thanh status bar trong suốt và nội dung app của ta sẽ nằm chìm xuống dưới status bar mà thôi. Các bạn setup như blocks bên dưới của mình nhé.

Như vậy, mình vừa giới thiệu tới các bạn 1 extension rất tuyệt vời phải không nào. Hi vọng các bạn sẽ tạo ra được những dự án tuyệt vời nhờ vào extension này. Hẹn gặp lại các bạn trong bài sau!

Nếu các bạn thấy hữu ích, đừng ngại ngần chia sẻ bài này tới bạn bè của các bạn! Nếu bạn có câu hỏi gì hãy đặt câu hỏi ngay tại đây, mình sẽ trả lời sớm nhất có thể! Nếu có thiếu sót gì, các bạn hãy đóng góp ý kiến để những bài hướng dẫn sau của mình hoàn thiện hơn nhé !!! {alertInfo}

NOTE: Nội dung trên blog thuộc bản quyền của KIN. Vui lòng để lại nguồn khi bạn muốn sao chép! Xin cảm ơn :) {alertInfo}

Post a Comment

Previous Post Next Post