Linear Layout trong Android



Linear Layout trong Android là một view group mà căn chỉnh tất cả view con theo chiều nganghoặc chiều dọc.

Linear Layout trong Android

Linear Layout

Các thuộc tính của Linear Layout trong Android

Dưới đây là các thuộc tính quan trọng xác định cụ thể cho Linear Layout: −

AttributeMiêu tả
android:id Đây là ID mà nhận diện duy nhất Layout
android:baselineAligned Phải là một giá trị boolean hoặc "true" hoặc "false" và ngăn Layout từ việc căn chỉnh các baseline của view con
android:baselineAlignedChildIndex Khi một Linear Layout là một phần của Layout khác mà là baseline aligned, nó có thể xác định view con nào của nó là baseline align
android:divider Đây là drawable để sử dụng như một vertical divider giữa các button. Bạn sử dụng một giá trị màu trong dạng "#rgb", "#argb", "#rrggbb", hoặc "#aarrggbb".
android:gravity Xác định cách một đối tượng nên đặt nội dung của nó, trên cả hai tọa độ X và Y. Giá trị có thể là top, bottom, left, right, center, center_vertical, center_horizontal ...
android:orientation Xác định hướng sắp xếp và bạn sẽ sử dụng "horizontal" cho một hàng, "vertical" cho một cột. Mặc định là horizontal
android:weightSum Tính tổng độ rộng của các view con

Ví dụ

Ví dụ sau đưa bạn qua các bước đơn giản để minh họa cách tạo ứng dụng Android bởi sử dụng Linear Layout. Sau đây là các bước để sửa đổi ứng dụng Android đã tạo trước đó trong chương Ví dụ Hello World.

Bước Miêu tả
1 Bạn sử dụng Android Studio để tạo ứng dụng Android với tên Demo dưới một package là com.example.demo đã được giải thích trong chương Ví dụ Hello World .
2 Sửa đổi nội dung mặc định của res/layout/activity_main.xml để bao một số button trong Linear Layout
3 Không cần thay đổi các hằng chuỗi. Android studio sẽ để ý việc này
4 Chạy ứng dụng để chạy Android Emulator và kiểm tra kết quả các thay đổi đã thực hiện trong ứng dụng

Dưới đây là nội dung đã sửa đổi của src/com.example.demo/MainActivity.java. File này có thể bao các phương thức cơ sở.

package com.example.demo;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
   }
   
   @Override
   public boolean onCreateOptionsMenu(Menu menu) {
      getMenuInflater().inflate(R.menu.main, menu);
      return true;
   }
}

Sau đây là nội dung của res/layout/activity_main.xml file −

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical" >
   
   <Button android:id="@+id/btnStartService"
      android:layout_width="270dp"
      android:layout_height="wrap_content"
      android:text="start_service"/>
      
   <Button android:id="@+id/btnPauseService"
      android:layout_width="270dp"
      android:layout_height="wrap_content"
      android:text="pause_service"/>
      
   <Button android:id="@+id/btnStopService"
      android:layout_width="270dp"
      android:layout_height="wrap_content"
      android:text="stop_service"/>
      
</LinearLayout>

Sau đây là nội dung của res/values/strings.xml để định nghĩa hai hằng −

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <string name="app_name">HelloWorld</string>
   <string name="action_settings">Settings</string>
</resources>

Chạy ứng dụng Hello World! vừa sửa đổi ở trên. Giả sử bạn đã tạo AVD trong khi cài đặt. Để chạy ứng dụng từ Android Studio, mở activity file và nhấn biểu tượng Run từ thanh công cụ. −

LinearLayout trong Android

Bây giờ, thay đổi hướng của Layout thành android:orientation="horizontal"và thử chạy cùng ứng dụng đó, nó sẽ cho màn hình sau: −

LinearLayout  trong Android

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Các bạn có thể mua thêm khóa học JAVA CORE ONLINE VÀ ỨNG DỤNG cực hay, giúp các bạn vượt qua các dự án trên trường và đi thực tập Java. Khóa học có giá chỉ 300K, nhằm ưu đãi, tạo điều kiện cho sinh viên cho thể mua khóa học.

Nội dung khóa học gồm 16 chuơng và 100 video cực hay, học trực tiếp tại https://www.udemy.com/tu-tin-di-lam-voi-kien-thuc-ve-java-core-toan-tap/ Bạn nào có nhu cầu mua, inbox trực tiếp a Tuyền, cựu sinh viên Bách Khoa K53, fb: https://www.facebook.com/tuyen.vietjack

Follow facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.


user_interface_layout_trong_android.jsp


Tài liệu giáo viên