Các thành phần cơ bản trong Android. - Công nghệ
Chuyển đến nội dung

Các thành phần cơ bản trong Android.

  • qua

Các thành phần đồ họa tương ứng với các thành phần cho phép người dùng tương tác với hệ thống, khi nói đến GUI là nói đến giao diện người dùng đồ họa, do đó các giao diện này được xây dựng thông qua các thành phần đồ họa như nút, menu, biểu tượng, trường văn bản, nhãn, v.v. văn bản trong số những thứ khác, GUI kết hợp thiết kế trực quan và các sự kiện được liên kết với thiết kế đó, vì vậy nếu chúng ta thêm một nút, chúng ta phải lập trình sự kiện được liên kết với nút đó khi người dùng nhấn nút đó.

quảng cáo


Như đã đề cập, hãy tập trung vào các thành phần đồ họa được sử dụng từ các tệp XML, hãy xem một số thuộc tính được đề cập ở trên.

Các tính chất cơ bản.


Hãy xem một số thuộc tính cơ bản được sử dụng trong các thành phần đồ họa, chúng có thể được áp dụng cho bất kỳ thành phần nào bất kể loại của nó, vì như đã đề cập, tất cả các thành phần đều là Chế độ xem nên chúng có chung thuộc tính, một số thuộc tính được sử dụng nhiều nhất là:


android: id.


Thuộc tính rất quan trọng vì nó cho phép xác định định danh cho điều khiển, thuộc tính này được gán cho bất kỳ dạng xem nào, ví dụ nếu gán cho trường nhập dữ liệu thì thuộc tính này sẽ được sử dụng để lấy thông tin người dùng, vì vậy chúng ta phải đặt tên phân biệt cho nó là rõ ràng.


Cách chính xác để tạo mã định danh như sau:


android:id="@+id/miTextField"


Biểu tượng @+id/ có nghĩa là một mã định danh mới đang được tạo, điều này sẽ làm cho lớp r. từ gói gen của dự án, hãy tạo một tham chiếu đến đối tượng này để sau này nó có thể được thao tác bằng mã.


Trong ví dụ, mã định danh “myTextField” cho thành phần.


android:layout_width.

Xác định chiều rộng được liên kết với chế độ xem, đây là thuộc tính bắt buộc và giá trị của nó có thể được xác định bằng giá trị tuyệt đối hoặc bằng cách chỉ ra một trong hai giá trị sau:


  • bọc_nội dung (Nó chiếm không gian theo nội dung của nó)

  • match_parent (Chiếm tất cả không gian có sẵn)

    Ví dụ: android:layout_width="match_parent" bất kì android:layout_width="290dp"


android:layout_height.
Xác định chiều cao được liên kết với chế độ xem, đây là thuộc tính bắt buộc và giá trị của nó có thể được xác định bằng giá trị tuyệt đối hoặc chỉ ra một trong hai giá trị sau:


  • bọc_nội dung (Nó chiếm không gian theo nội dung của nó)

  • match_parent (Chiếm tất cả không gian có sẵn)

    Ví dụ: android:layout_height="wrap_content" bất kì android:layout_height="58dp"


android:layout_margin.


Xác định lề cho thành phần, cho phép thiết lập khoảng trắng bên trên, bên dưới và hai bên của nó, dưới dạng các biến thể trong trường hợp bạn muốn tạo khoảng trắng độc lập, có thể thực hiện việc này bằng cách sử dụng các thuộc tính marginLeft, marginRight, marginTop hoặc marginBottom (hoặc tất cả)


Ví dụ: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"


android: gợi ý.


Thuộc tính này cho phép hiển thị văn bản trong điều khiển dưới dạng trợ giúp khi người dùng chưa nhập thông tin. (Được ưu tiên hơn thuộc tính văn bản)


Ví dụ: android:hint="Nhập tên"


android:inputType.


Nó xác định loại đầu vào nào sẽ được phép cho hộp văn bản, điều này cho phép một số loại xác thực dữ liệu và cũng cho hệ điều hành biết loại bàn phím (ảo) nào sẽ sử dụng.


Trong số các tùy chọn mà chúng tôi có thể liên kết với thuộc tính này, có một số tùy chọn như:


  • Chữ
  • con số
  • kết cấu
  • mật khẩu văn bản
  • Điện thoại
  • cuộc họp
  • Văn bảnEmailĐịa chỉ


Có nhiều tùy chọn khác có thể được sử dụng tùy thuộc vào nhu cầu.


Ví dụ: android:inputType="số" | android:inputType="textEmailAddress"


android:textSize.


Xác định kích thước cho văn bản được hiển thị trên màn hình, các đơn vị đo lường phải được tính đến khi sp được sử dụng cho văn bản


Ví dụ: android:textSize="25sp"


Android: styletext.


Xác định kiểu cho văn bản, có thể xác định văn bản là bình thường, đậm, nghiêng (hoặc cả hai).


Ví dụ: android:textStyle="đậm" | android:textStyle="in nghiêng" | android:textStyle="đậm|in nghiêng"


android:textColor.


Xác định màu cho văn bản, có thể thêm màu từ tệp thuộc tính “màu” hoặc giá trị thập lục phân


Ví dụ: android:textColor="@color/teal_700" | android:textColor="#9C27B0"


android:backgroundTint.


Xác định màu nền cho thành phần, bạn cũng có thể lấy màu từ thuộc tính “colors” hoặc giá trị thập lục phân


Ví dụ: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"


Android: văn bản.

Xác định nội dung văn bản được liên kết với chế độ xem. Mặc dù giá trị của nó có thể được chỉ định trực tiếp, nhưng bạn nên sử dụng tệp chuỗi có sẵn trong thư mục tài nguyên.


Ví dụ: android:text="Bienvenidos" | android:text="@string/title"


Thuộc tính này phổ biến trong các dạng xem hiển thị văn bản trong giao diện của thiết bị. Màn hình sau hiển thị tệp tài nguyên strings.xml nơi các giá trị khác nhau cho văn bản được thêm vào



và sau đó các giá trị này được truy cập từ các dạng xem


Sau khi xóa các thuộc tính trước đó, hãy xem các thành phần đồ họa cơ bản là gì.

Cái nút.


Chúng tương ứng với các nút cơ bản mà chúng ta biết, nó chỉ hiển thị một nút có văn bản bên trong và lề xác định.

Nút sẽ thực hiện chức năng cơ bản là chờ một sự kiện khi được nhấn.

nút bật tắt


Loại ToggleButton tương ứng với một loại nút có thể được giữ ở 2 trạng thái có thể, được nhấn hoặc không được nhấn, đối với điều này, không chỉ một thuộc tính văn bản duy nhất được xác định, mà cả 2 tùy thuộc vào trạng thái hiện tại của nó, bằng cách sử dụng các thuộc tính của android : textOn và android: textOff.


Giống như các nút truyền thống, ToggleButton có thể được lập trình để phản hồi sự kiện nhấp chuột, nhưng bạn có thể chỉ cần biết trạng thái của nó. Điều này có thể được thực hiện bằng cách tham khảo phương thức isChecked(), phương thức này trả về giá trị true trong trường hợp được nhấn và false nếu không.

đi lại


Điều khiển này có thể mô phỏng một công tắc rất giống với cách hoạt động của ToggleButton, nhưng có giao diện trực quan khác.


Hãy nhớ rằng tùy thuộc vào phiên bản Android mà chúng ta đang sử dụng, giao diện trực quan của các thành phần có thể thay đổi, trong trường hợp này, bộ điều khiển Công tắc dành cho phiên bản Android 5.0 trở lên sẽ trông như thế này:


Hình ẢnhNút


Loại nút này cho phép bạn liên kết một hình ảnh với nó để hiển thị cho người dùng thay vì văn bản như thường lệ, để làm được điều này, chúng ta có thể lấy hình ảnh từ các thư mục /res/drawable và tải nó bằng thuộc tính android:src , trong trường hợp này, chúng tôi sẽ sử dụng hình ảnh trực tiếp từ tài nguyên Android.


Xem văn bản


Chúng tương ứng với các nhãn văn bản cơ bản được hiển thị cho người dùng, những nhãn này ở các ngôn ngữ khác được gọi là nhãn và cho phép hiển thị văn bản được liên kết với thuộc tính android:text, các nhãn này có các thuộc tính khác cho phép bạn thao tác kích thước, nền của chúng màu sắc, màu sắc và loại phông chữ, phong cách, v.v.


chỉnh sửa văn bản


Chế độ xem EditText của Android tương đương với ASP và C# Textbox hoặc JAVA JTextField, nó là một điều khiển cho phép chụp văn bản do người dùng nhập vào khi chạy.


hộp lựa chọn


Điều khiển hộp kiểm được sử dụng để kiểm tra hoặc bỏ chọn các tùy chọn trong một ứng dụng. Cách xác định nó trong giao diện và các thuộc tính có sẵn để thao tác với nó bằng mã tương tự như cách được nhận xét trong điều khiển ToogleButton.


Điều khiển này kế thừa từ điều khiển TextView, vì vậy tất cả các tùy chọn định dạng đã được đề cập cho điều khiển này cũng hợp lệ cho hộp kiểm.


Trong mã ứng dụng, bạn có thể kiểm tra xem điều khiển này có được chọn hay không thông qua phương thức isChecked() trả về giá trị của ĐÚNG VẬY nếu bạn được chọn hoặc SAI nếu không, bạn cũng có thể sử dụng phương thức setChecked(value) để đặt trạng thái cụ thể cho điều khiển, trong đó giá trị ĐÚNG VẬY sẽ được chọn và SAI do không được chọn.


Sự kiện thường được lập trình cho điều khiển này và được thực thi mỗi khi trạng thái của nó thay đổi (được chọn/không được chọn) là onCheckedChanged.

nút radio


Giống như điều khiển CheckBox, RadioButton phục vụ để kiểm tra hoặc bỏ chọn một tùy chọn nhất định, sự khác biệt là ở loại lựa chọn mà bạn muốn thực hiện. RadioButton thường được sử dụng theo nhóm để xác định một tập hợp các tùy chọn mà bạn chỉ có thể chọn một tùy chọn, tức là mỗi tùy chọn loại trừ lẫn nhau, vì vậy khi chọn một tùy chọn, tùy chọn đã chọn trước đó sẽ tự động được bỏ chọn. Các nhóm này được xác định bởi phần tử RadioGroup, phần tử này sẽ chứa tất cả các phần tử RadioButton đại diện cho các tùy chọn.


RadioGroups có thể đặt thuộc tính android:orientation thành “Dọc” hoặc “Ngang” để xác định cách các RadioButton mà nó chứa sẽ được sắp xếp theo thứ tự.


Ngược lại, RadioButton, ngoài chiều rộng và chiều cao, phải xác định thuộc tính android:text để liên kết văn bản của tùy chọn được biểu thị và android:id để liên kết mã với điều khiển sao cho nó có thể được thao tác từ logic của ứng dụng.


Để thao tác điều khiển từ logic ứng dụng, có thể sử dụng các phương pháp khác nhau, trong đó chúng tôi tìm thấy kiểm tra (tôi sẽ đi) được sử dụng để đặt nút radio được xác định bằng id được truyền dưới dạng tham số như đã chọn, phương thức clearCheck() được sử dụng để bỏ chọn tất cả các nút radio trong nhóm và phương thức getCheckedRadioButtonId() được sử dụng để lấy id của nút radio nằm trong nhóm đã chọn hoặc giá trị -1 nếu không có mục nào được chọn.


Sự kiện quan trọng nhất của điều khiển này cũng là onCheckedChanged, được kích hoạt khi một phần tử của nhóm được chọn (hãy nhớ rằng việc chọn một phần tử của nhóm biểu thị việc bỏ chọn một phần tử khác).



Vậy là xong, đây là một số thành phần đồ họa cơ bản mà chúng ta sẽ sử dụng trong suốt khóa học, trong các bài tiếp theo chúng ta sẽ tiếp tục với các thành phần hoặc bố cục khác.

Nó cũng có thể làm bạn quan tâm.





Có bất cứ điều gì bạn muốn thêm hoặc nhận xét về mục này? thoải mái làm….Và nếu bạn thích nó ... tôi mời bạn chia sẻ Y Đăng ký bằng cách nhấp vào nút “Tham gia trang web này” để nghe thêm các bài đăng như thế này 😉