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: Lists

  Hai cách chúng ta có thể triển khai Lists trong Jetpack Compose. Lưu ý: Tôi đang sử dụng Jetpack Compose phiên bản 0.1.0-dev08 tại thời điểm viết bài này. Sử dụng AdapterList Chúng ta có thể sử dụng AdapterList composable - nó tương đương với RecyclerViews + RecyclerViewAdapters - nhưng với ít mã hơn đáng kể 😍 Phương thức khởi tạo AdapterList nhận dữ liệu, là danh sách các mục bạn muốn hiển thị và chuyển các mục riêng lẻ đến lambda. Ở đó bạn có thể xác định mục danh sách. Hiện tại, nó chỉ giới hạn ở việc cuộn dọc. Điều này có thể thay đổi trong các bản phát hành trong tương lai. Multiple Types Chúng ta có thể dễ dàng phân biệt giữa các loại chế độ xem khác nhau - chỉ cần thêm điều kiện if. Dưới đây là một ví dụ nếu chúng tôi muốn hiển thị một tiêu đề ở đầu danh sách: 2.Using Vertical and Horizontal Scrollers Một cách khác để triển khai danh sách là sử dụng các Scrollers đơn giản - những công cụ này sẽ không sử dụng các chế độ xem tái chế. Vì vậy, không thực sự lý tưởng cho lists...
Đăng nhận xét
Đọc thêm

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