Chuyển đến nội dung chính

iOS 26 và Liquid Glass: cuộc thiết kế lại lớn nhất một thập kỷ của Apple có ý nghĩa gì với dev di động

Suốt chín năm, iPhone gần như không đổi diện mạo. iOS 7 làm phẳng phần mềm của Apple vào năm 2013, và mọi bản phát hành từ đó chỉ tinh chỉnh phong cách phẳng, đục ấy chứ không thay đổi tận gốc. iOS 26 — phiên bản đang được phát hành cho iPhone toàn cầu — chấm dứt kỷ nguyên đó. Tính năng chủ đạo là Liquid Glass, một vật liệu trong suốt mà Apple đã áp dụng xuyên suốt hệ điều hành, từ màn hình khóa đến thanh công cụ của app.

Liquid Glass thực chất là gì

Liquid Glass là một vật liệu kết xuất, không chỉ là bảng màu. Giống thủy tinh thật, nó cho ánh sáng và màu của nội dung phía sau xuyên qua, khúc xạ và phản chiếu khi bạn cuộn. Apple mô tả nó là nền tảng cho “một thập kỷ thiết kế iOS tiếp theo” — tức đây không phải thử nghiệm một mùa, mà là chuẩn mực mới.

Với người dùng, hiệu ứng thấy ngay: thanh công cụ trong suốt, thanh tab bắt màu theo nội dung phía sau, và các nút như đang lơ lửng trên giao diện. Lần đầu tiên kể từ iOS 7, mở một app quen thuộc lại thấy mới mẻ.

Vì sao dev nên quan tâm

Một thay đổi vật liệu toàn hệ thống không bao giờ chỉ là thẩm mỹ. Khi Apple đổi ngôn ngữ thiết kế, ba điều xảy ra với người làm app:

  • Thành phần gốc tự đổi phong cách. App dùng control chuẩn của UIKit và SwiftUI sẽ tự thừa hưởng Liquid Glass. Đó là món quà cho đội bám giao diện mặc định — và lời cảnh báo cho đội tự dựng giao diện riêng giờ trông lỗi thời.
  • Cần kiểm tra lại tương phản và độ dễ đọc. Trong suốt nghĩa là chữ và biểu tượng nằm trên nền thay đổi theo nội dung. Bố cục vốn giả định nền đặc phía sau có thể mất tương phản. Mỗi màn hình xứng đáng được rà lại về khả năng tiếp cận.
  • Giao diện thương hiệu phải chọn. Nghiêng theo Liquid Glass cho cảm giác bản địa, hay giữ bản sắc riêng? Cả hai đều hợp lệ, nhưng phải là quyết định có chủ đích.

Ý nghĩa nếu bạn làm bằng Flutter

Đội đa nền tảng không nhận Liquid Glass “miễn phí” như app UIKit thuần, nhưng hệ sinh thái Flutter đã theo kịp nhanh. Các bản Flutter gần đây đã hỗ trợ đầy đủ bộ công cụ iOS 26 và giới thiệu Cupertino Squircles — góc bo cong liên tục khớp với hình dạng bản địa của Apple. Nếu mục tiêu là một app thấy “thuộc về” iOS 26, việc bám sát bộ widget Cupertino và kiểm thử với SDK iOS mới nhất giờ quan trọng hơn năm ngoái.

Kết luận

iOS 26 là bản cập nhật iPhone có ý nghĩa thị giác lớn nhất trong chín năm, và Liquid Glass sẽ ở lại. Với dev, việc cần làm không kịch tính nhưng có thật: tận dụng thành phần hệ thống khi có thể, kiểm tra lại độ dễ đọc ở mọi nơi, và giữ bộ công cụ luôn mới. Những app “hợp” iOS 26 nhất sẽ là app của các đội coi cuộc thiết kế lại này là dịp để rà soát giao diện — chứ không phải vấn đề để phớt lờ.


Bài viết gốc đăng tại FlutterCook. Bản trên đó là bản được cập nhật mới nhất.

Nhận xét

Bài đăng phổ biến từ blog này

5 concepts every Flutter dev should know

  Phụ lục: State management architecture Testing IDE Shortcuts Platform channel Maintaining a project Tôi đã làm việc với Flagship trong một thời gian dài, và đây là những điều mà tôi phát hiện ra là điều cần phải có đối với bất kỳ nhà phát triển Flagship nào, về tổng thể nó sẽ khiến bạn trở thành một nhà phát triển Flagship giỏi trong thời gian dài. 1. State management architecture Đây là một trong những chủ đề quan trọng nhất trong cộng đồng thiết bị rung, nó khá quan trọng nếu bạn muốn duy trì một dự án rung kích thước trung bình hoặc lớn. Nó sẽ giúp tạo một dự án suôn sẻ và thêm các tính năng mới một cách hoàn hảo.  2. Testing Đây là một chủ đề duy nhất mà tôi không hiểu tại sao nó lại quan trọng trước đó trong sự nghiệp của tôi, nhưng khi tôi tiến lên trong sự nghiệp của mình và có kinh nghiệm với nhiều dự án và vấn đề xảy ra trong môi trường sản xuất. Tôi đã nhận ra một cách khó khăn, tại sao điều này lại quan trọng như vậy. Nếu bạn vẫn muốn có thêm lý do để cân nhắc thử...

Thiết kế giao diện với DotNetBar (Phần 1)

Đây là phiên bản DotNetBar hỗ trợ C# và Visual Basic https://www.dropbox.com/s/wx80jpvgnlrmtux/DotNetBar.rar  , phiên bản này hỗ trợ giao diện Metro cực kỳ “dễ thương” Các bạn load về và cài đặt, khi cài đặt xong sẽ có source code mẫu của tất cả các control. Để sử dụng được các control của DotNetBar các bạn nhớ add item vào controls box. Thiết kế giao diện với DotNetBar, giao diện sẽ rất đẹp. Link các video hướng dẫn chi tiết cách sử dụng và coding: http://www.devcomponents.com/dotnetbar/movies.aspx Hiện tại DotNetBar có rất nhiều công cụ cực mạnh, trong đó có 3 công cụ dưới đây: DotNetBar for Windows Forms Requires with Visual Studio 2003, 2005, 2008, 2010 or 2012.   DotNetBar for WPF Requires with Visual Studio 2010 or 2012 and Windows Presentation Foundation.   DotNetBar for Silverlight Requires with Visual Studio 2010 or 2012 and Silverlight. Dưới đây là một số hình ảnh về các control trong DotnetBar.   Metro User Interface  controls with Metro Tiles, toolba...

2026 👏 Google miễn phí một năm gói AI Plus cho sinh viên Việt Nam 🇻🇳🇻🇳🇻🇳

Chúc mừng anh em 👏 Google miễn phí một năm gói AI Plus cho sinh viên Việt Nam 🇻🇳🇻🇳🇻🇳 Đối tượng là sinh viên đại học từ 18–24 tuổi (bao gồm sinh viên mới và sinh viên từng dùng gói AI Pro 2025). Lưu ý là cần xác minh tư cách sinh viên hàng năm. Khi nhận gói, anh em có được các ưu đãi sau: 🔖 Nâng cấp bộ nhớ đám mây lên 400GB. 🔖 Nhân đôi hạn mức truy cập mô hình AI. 🔖 Mở quyền trải nghiệm tính năng tạo video bằng Gemini Omni. Lưu ý chương trình chỉ dành cho sinh viên đủ điều kiện. Hạn nhận ưu đãi: 31 tháng 12, 2026. Các bạn cần có phương thức thanh toán hợp lệ khi đăng ký. Google AI Plus sẽ tự động tính phí 132.000 ₫/tháng sau khi thời gian dùng thử kết thúc, trừ phi bạn đã huỷ trước đó. Huỷ bất cứ lúc nào. CÁC BƯỚC THỰC HIỆN CHI TIẾT 🔹Bước 1: Truy cập cổng đăng ký chương trình 🔖 Mở trình duyệt và truy cập vào trang chính thức: gemini.google/students/ 🔖 Đăng nhập vào Tài khoản Google cá nhân của bạn. 🔖 Nhấn vào nút "Claim your student plan at no cost" (hoặc Nhận gó...