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

Jetpack Compose: Columns and Rows


 Khi thư viện Jetpack Compose đang được phát triển, tôi muốn xem nhanh các tùy chọn bố cục mà chúng tôi có cho đến nay. Lần này bao gồm Columns và Rows.

Trước đây tôi đã đề cập đến bố cục Container - bạn có thể xem bài viết tại đây:


https://trunghieu-it.blogspot.com/2021/08/jetpack-compose-container-layout.html


Bố cục Column là một bố cục đơn giản khác (ViewGroup gạch chéo). Và như tên của nó - nó đặt các mục theo chiều dọc. Và bố cục Row đặt các mục theo chiều ngang.


Đối tác của họ trong thế giới xml sẽ là LinearLayout (hướng dọc và ngang).


Đây là những gì nó trông giống như:




Và Row


Cả hai bố cục Column và Row đều có các thuộc tính giống nhau:


Modifier: The modifier to be applied to the Column/Row.
Arrangement: The vertical/horizontal arrangement of the layout's children.

Hãy xem qua những điều này.


Arrangement


Có 6 kiểu arrangement khác nhau - đối với Column, cách sắp xếp mặc định là Arrangement.Top và đối với Row, đó là Arragement.Start.


Column arrangements:




Và đây là những cách arrangements cho Rows:



Modifier


Đây là thuộc tính chung cho tất cả các layouts/components - để cài đặt height, width, padding, v.v.




Bạn có thể đặt bao nhiêu modifiers tùy thích.


Tuyên bố từ chối trách nhiệm: Vì Jetpack Compose đang trong giai đoạn phát triển - bất kỳ API nào trong số này đều có thể thay đổi bất kỳ lúc nào. Vì vậy, là nguồn của sự thật, vui lòng luôn tham khảo tài liệu chính thức.


Cảm ơn bạn đã đọc - Tôi sẽ sớm trình bày phần còn lại của layout, vì vậy hãy chú ý theo dõi. Chúc bạn viết mã vui vẻ!

Nhãn:

Nhận xét

Đăng nhận xét

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

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...
1 nhận xét
Đọc thêm

Jetpack Compose VS SwiftUI !VS Flutter

  Việc phát triển Android đã trở nên dễ dàng hơn khi các bản cập nhật liên tục đến. Sau bản cập nhật 2020.3.1, rất nhiều thứ đã thay đổi. Nhưng thay đổi chính mà tôi nghĩ hầu hết các nhà phát triển phải chờ đợi là Jetpack Compose cho ứng dụng sản xuất. Và Kotlin là lựa chọn duy nhất cho jetpack Compose, cũng là ngôn ngữ được ưu tiên. Để biết thêm chi tiết hoặc các thay đổi trên Jetpack Compose, bạn có thể truy cập vào https://developer.android.com/jetpack/compose Tương tự, IOS Development cũng cung cấp một tùy chọn để phát triển khai báo, SwiftUI. Trong IDE, không có thay đổi nào do điều này. Nhưng khái niệm gần giống với Jetpack Compose. Thay vì bảng phân cảnh, chúng tôi tạo giao diện người dùng bằng Swift. Để biết thêm chi tiết hoặc các thay đổi trên SwiftUI, hãy truy cập https://developer.apple.com/xcode/swiftui/ Hãy xem cách cả hai hoạt động bằng cách sử dụng một dự án demo. Tôi đã lấy một số ví dụ về số lần chạm tương tự của Flutter. 1. Android Jetpack Compose Chúng tôi có thể...
Đăng nhận xét
Đọc thêm

Announcing Flutter 2

  Phụ lục: Flutter on the web Flutter 2 on desktops, foldables, and embedded devices The growing Flutter ecosystem Dart: The secret sauce behind Flutter Flutter 2: Available now Hôm nay, chúng tôi sẽ công bố Flutter 2: một bản nâng cấp lớn cho Flutter cho phép các nhà phát triển tạo các ứng dụng đẹp, nhanh chóng và di động cho bất kỳ nền tảng nào. Với Flutter 2, bạn có thể sử dụng cùng một cơ sở mã để gửi các ứng dụng gốc cho năm hệ điều hành: IOS, Android, Windows, macOS và Linux; cũng như trải nghiệm web nhắm mục tiêu các trình duyệt như Chrome, Firefox, Safari hoặc Edge. Flutter thậm chí có thể được nhúng vào ô tô, TV và thiết bị gia dụng thông minh, mang đến trải nghiệm di động và lan tỏa nhất cho thế giới điện toán xung quanh. Mục tiêu của chúng tôi là thay đổi cơ bản cách các nhà phát triển nghĩ về việc xây dựng ứng dụng, bắt đầu không phải với nền tảng bạn đang nhắm mục tiêu mà là với trải nghiệm bạn muốn tạo. Flutter cho phép bạn tạo ra những trải nghiệm tuyệt đẹp trong đó ...
Đăng nhận xét
Đọc thêm