Using Layouts to Create Device Inde

Using Layouts to Create Device Independent User Interfaces
A defining feature of the layout classes described previously, and the techniques described for using them within your apps, is their ability to scale and adapt to a wide range of screen sizes, resolutions, and orientations.
The variety of Android devices is a critical part of its success. For developers, this diversity intro¬duces a challenge for designing UIs to ensure that they provide the best possible experience for users, regardless of which Android device they own.
Using a Linear Layout
The Linear Layout is one of the simplest layout classes. It allows you to create simple UIs (or UI ele¬ments) that align a sequence of child Views in either a vertical or a horizontal line.
The simplicity of the Linear Layout makes it easy to use but limits its flexibility. In most cases you will use Linear Layouts to construct UI elements that will be nested within other layouts, such as the Relative Layout.
Listing 4-1 shows two nested Linear Layouts — a horizontal layout of two equally sized buttons within a vertical layout that places the buttons above a List View. 







code snippet PA4AD_Ch4_Layouts/res/layout/linear_layout.xml
If you find yourself creating increasingly complex nesting patterns of Linear Layouts, you will likely be better served using a more flexible Layout Manager.
Using a Relative Layout
The Relative Layout provides a great deal of flexibility for your layouts, allowing you to define the position of each element within the layout in terms of its parent and the other Views.
Listing 4-2 modifies the layout described in Listing 4-1 to move the buttons below the List View.
LISTING 4-2: Relative Layout









code snippet PA4AD_Ch4_Layouts/res/layout/relative_layout.xml
Using a Grid Layout
The Grid Layout was introduced in Android 3.0 (API level 11) and provides the most flexibility of any of the Layout Managers.
The Grid Layout uses an arbitrary grid to position Views. By using row and column spanning, the Space View, and Gravity attributes, you can create complex without resorting to the often complex nesting required to construct UIs using the Relative Layout described previously.
The Grid Layout is particularly useful for constructing layouts that require alignment in two direc¬tions — for example, a form whose rows and columns must be aligned but which also includes ele¬ments that don’t fit neatly into a standard grid pattern.
It’s also possible to replicate all the functionality provided by the Relative Layout by using the Grid Layout and Linear Layout in combination. For performance reasons it’s good practice to use the Grid Layout in preference to creating the same UI using a combination of nested layouts.
Listing 4-3 shows the same layout as described in Listing 4-2 using a Grid Layout to replace the Relative Layout. 
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

Kết quả (Việt) 1:

Bằng cách sử dụng bố trí để tạo ra giao diện người dùng độc lập thiết bịMột tính năng xác định của các lớp học của giao diện được mô tả trước đây, và các kỹ thuật được mô tả cho việc sử dụng chúng trong ứng dụng của bạn, là khả năng của mình để quy mô và thích ứng với một loạt các kích cỡ màn hình, độ phân giải và định hướng.Sự đa dạng của các thiết bị Android là một phần quan trọng của sự thành công của nó. Cho nhà phát triển, sự đa dạng này intro¬duces một thách thức cho việc thiết kế UIs để đảm bảo rằng họ cung cấp trải nghiệm tốt nhất có thể cho người dùng, bất kể thiết bị Android của riêng họ.Bằng cách sử dụng một cách bố trí tuyến tínhBố trí tuyến tính là một trong các lớp học bố trí đơn giản. Nó cho phép bạn tạo UIs đơn giản (hoặc UI ele¬ments) mà align một chuỗi các trẻ em xem trong chế độ một dọc hoặc một đường ngang.Sự đơn giản của cách bố trí tuyến tính làm cho nó dễ dàng sử dụng, nhưng giới hạn sự linh hoạt của nó. Trong hầu hết trường hợp, bạn sẽ sử dụng bố trí tuyến tính để xây dựng giao diện người dùng các yếu tố sẽ được lồng trong bố trí khác, chẳng hạn như cách bố trí tương đối.Danh sách 4-1 cho thấy hai lồng bố trí tuyến tính-một bố trí nằm ngang của hai nút có kích thước bằng nhau trong một bố trí theo chiều dọc mà những nơi các nút ở trên một danh sách. xmlns:Android = "http://schemas.android.com/apk/res/android"Android: layout_width = "match_parent"Android: layout_height = "match_parent"Android: hướng = "thẳng đứng" >Android: layout_width = "fill_parent"Android: layout_height = "wrap_content"Android: hướng = "ngang"Android: padding = "5dp" >Android:Text="@String/cancel_button_text"Android: layout_width = "fill_parent"Android: layout_height = "wrap_content"Android: layout_weight = "1" / >Android:Text="@String/ok_button_text"Android: layout_width = "fill_parent"Android: layout_height = "wrap_content"Android: layout_weight = "1" / >Android: layout_width = "match_parent"Android: layout_height = "match_parent" / >đoạn mã PA4AD_Ch4_Layouts/res/layout/linear_layout.xmlNếu bạn thấy mình tạo ra ngày càng phức tạp làm tổ mẫu của bố trí tuyến tính, bạn sẽ có khả năng được phục vụ tốt hơn bằng cách sử dụng một giao diện quản lý linh hoạt hơn.Bằng cách sử dụng một giao diện tương đốiCách bố trí tương đối cung cấp rất nhiều tính linh hoạt cho bố cục của bạn, cho phép bạn xác định vị trí của mỗi yếu tố trong việc bố trí về cha của nó và các quan điểm khác.Danh sách 4-2 sửa đổi bố trí được mô tả trong danh sách 4-1 để di chuyển các nút bên dưới danh sách.Danh sách 4-2: bố trí tương đốixmlns:Android = "http://schemas.android.com/apk/res/android"Android: layout_width = "match_parent"Android: layout_height = "match_parent" >Android:ID="@+ID/button_bar"Android: layout_alignParentBottom = "true"tiếp tục Danh sách 4-2 (tiếp theo)Android: layout_width = "fill_parent"Android: layout_height = "wrap_content"Android: hướng = "ngang"Android: padding = "5dp" >Android:Text="@String/cancel_button_text"Android: layout_width = "fill_parent"Android: layout_height = "wrap_content"Android: layout_weight = "1" / >Android:Text="@String/ok_button_text"Android: layout_width = "fill_parent"Android: layout_height = "wrap_content"Android: layout_weight = "1" / >Android:layout_above="@ID/button_bar"Android: layout_alignParentLeft = "true"Android: layout_width = "match_parent"Android: layout_height = "match_parent" >đoạn mã PA4AD_Ch4_Layouts/res/layout/relative_layout.xmlBằng cách sử dụng một cách bố trí lưới điệnBố trí lưới đã được giới thiệu trong Android 3.0 (API cấp 11) và cung cấp sự linh hoạt nhất của bất kỳ của các nhà quản lý bố trí.Bố trí lưới sử dụng một mạng lưới tùy ý đến vị trí lượt xem. Bằng cách sử dụng các hàng và cột bao trùm, không gian xem, và các thuộc tính lực hấp dẫn, bạn có thể tạo phức tạp mà không cần đến làm tổ thường phức tạp yêu cầu để xây dựng UIs sử dụng cách bố trí tương đối được mô tả trước đó.Bố trí lưới là đặc biệt hữu ích cho việc xây dựng bố cục yêu cầu các liên kết trong hai direc¬tions — ví dụ, là một hình thức mà các hàng và cột phải được căn chỉnh nhưng cũng bao gồm các ele¬ments không phù hợp gọn gàng vào một mô hình mạng lưới tiêu chuẩn.Nó cũng có thể sao chép tất cả các chức năng được cung cấp bởi các bố trí tương đối bằng cách sử dụng bố trí lưới và cách bố trí tuyến kết hợp. Vì lý do hiệu suất tốt thực hành để sử dụng bố trí lưới điện ưu đãi cho việc tạo ra các giao diện tương tự bằng cách sử dụng một sự kết hợp của lồng nhau bố trí của nó.Danh sách 4-3 cho thấy cách bố trí tương tự như mô tả trong danh sách 4-2 bằng cách sử dụng một cách bố trí lưới điện để thay thế bố trí tương đối. Android: layout_width = "match_parent"Android: layout_height = "match_parent"Android: hướng = "thẳng đứng" >Android: nền = "#FF444444"Android: layout_gravity = "lấp đầy" >Android: layout_gravity = "fill_horizontal"Android: hướng = "ngang"Android: padding = "5dp" >Android: text = "Bỏ qua"Android: layout_width = "fill_parent"và

Kết quả (Việt) 2:

Sử dụng Layout để tạo thiết bị tài độc lập giao diện
Một tính năng xác định của các lớp học bố trí mô tả trước đây, và các kỹ thuật được mô tả cho việc sử dụng chúng trong các ứng dụng của bạn, đó là khả năng mở rộng quy mô và thích ứng với một loạt các kích thước màn hình, độ phân giải, và định hướng.
Các loạt các thiết bị Android là một phần quan trọng trong thành công của nó. Đối với các nhà phát triển, đa dạng này intro¬duces một thách thức đối với việc thiết kế UIS để đảm bảo rằng họ cung cấp các kinh nghiệm tốt nhất có thể cho người dùng, bất kể là thiết bị Android mà họ sở hữu.
Sử dụng một Linear Layout
Linear Layout là một trong những lớp học bố trí đơn giản. Nó cho phép bạn tạo ra UI đơn giản (hoặc ele¬ments UI) căn chỉnh một chuỗi các con xem trong cả một dọc hoặc một đường ngang.
Sự đơn giản của Linear Layout làm cho nó dễ dàng để sử dụng nhưng hạn chế tính linh hoạt của nó. Trong hầu hết các trường hợp, bạn sẽ sử dụng tuyến tính Layouts để xây dựng các yếu tố giao diện người dùng sẽ được lồng trong các layout khác, chẳng hạn như bố trí tương đối.
Liệt kê 4-1 cho thấy hai lồng tuyến tính Layouts - một bố cục ngang của hai nút kích thước bằng nhau trong một bố trí dọc nơi các nút trên một List View. 
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="5dp">
android:text="@string/cancel_button_text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"/>
android:text="@string/ok_button_text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"/>

android: layout_width = "match_parent"
android: layout_height = "match_parent" /> Mã PA4AD_Ch4_Layouts đoạn / res / layout / linear_layout.xml Nếu bạn thấy mình tạo ra mô hình làm tổ ngày càng phức tạp của Linear Layouts, bạn có thể sẽ được phục vụ tốt hơn bằng cách sử dụng linh hoạt hơn Giao diện quản lý. Sử dụng một bố cục tương đối các Giao diện tương đối cung cấp rất nhiều tính linh hoạt bố trí của bạn, cho phép bạn xác định vị trí của mỗi yếu tố trong cách bố trí về cha mẹ của nó và xem khác. Bảng liệt kê 4-2 đổi cách bố trí mô tả trong Liệt kê 4-1 để di chuyển các nút bên dưới xem Danh sách. YẾT 4-2: Giao diện tương đối








xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
android: id = "@ + id / button_bar"
android: layout_alignParentBottom = "true"
tiếp tục 
NIÊM YẾT 4-2 (continued)
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="5dp">
android:text="@string/cancel_button_text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"/>
android:text="@string/ok_button_text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"/>

đoạn mã PA4AD_Ch4_Layouts / res / layout / relative_layout.xml Sử dụng một Grid Layout Grid Layout được giới thiệu trong Android 3.0 (API ở mức 11) và cung cấp sự linh hoạt nhất của bất kỳ của các nhà quản lý Layout. Các bố trí Lươi sử dụng một lưới tùy ý để vị trí xem. Bằng cách sử dụng hàng và cột spanning, Space View, và Gravity thuộc tính, bạn có thể tạo phức tạp mà không cần đến sự làm tổ thường phức tạp cần thiết để xây dựng UIS sử dụng Giao diện tương đối mô tả trước đây. Việc bố trí Lươi là đặc biệt hữu ích cho việc xây dựng bố trí đòi hỏi sự liên kết trong hai direc¬tions -. Ví dụ, một hình thức mà các hàng và cột phải phù hợp nhưng cũng bao gồm ele¬ments mà không phù hợp gọn gàng vào một mô hình lưới tiêu chuẩn Nó cũng có thể sao chép tất cả các chức năng được cung cấp bởi các bố trí tương đối bằng sử dụng Layout Lưới và Linear Layout kết hợp. Đối với lý do hiệu suất đó là thực hành tốt để sử dụng Grid Layout trong ưu tiên cho việc tạo ra các giao diện người dùng tương tự sử dụng một sự kết hợp của bố trí lồng nhau. Liệt kê 4-3 cho thấy cách bố trí tương tự như mô tả trong Ví dụ 4-2 bằng một Layout Grid để thay thế tương đối 















android: background = "# FF444444"
android: layout_gravity = "lấp đầy">

android: layout_gravity = "fill_horizontal"
android: định hướng = "ngang"
android: padding = "5dp">
android: text = "Cancel"
android: layout_width = "fill_parent"
và