Computer >> Máy Tính >  >> Lập trình >> Android

Ví dụ trên ToggleButton?

Trước khi đi vào ví dụ, chúng ta nên biết nút chuyển đổi trong android là gì, nút Bật tắt là chế độ xem mở rộng của chế độ xem Nút. Nó sẽ đại diện cho trạng thái của nút là được chọn và không được chọn. Đây là giải pháp đơn giản về nút bật tắt trong android.

Bước 1 - Tạo một dự án mới trong Android Studio, đi tới Tệp ⇒ Dự án Mới và điền tất cả các chi tiết cần thiết để tạo một dự án mới.

Bước 2 - Thêm mã sau vào res / layout / activity_main.xml.

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
   xmlns:android="https://schemas.android.com/apk/res/android"
   xmlns:app="https://schemas.android.com/apk/res-auto"
   xmlns:tools="https://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context=".MainActivity">
   <ToggleButton
      android:id="@+id/result"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Result Data"
      android:textColor="#FFF"
      android:background="@color/colorPrimary"
      android:textOff="Off"
      android:textOn="On"
      android:textSize="20sp"
      app:layout_constraintBottom_toBottomOf="parent"
      app:layout_constraintLeft_toLeftOf="parent"
      app:layout_constraintRight_toRightOf="parent"
      app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>

Trong đoạn mã trên, chúng tôi đã thêm nút chuyển đổi, khi người dùng nhấp vào nút chuyển đổi, nó sẽ thay đổi trạng thái.

Bước 3 - Thêm mã sau vào src / MainActivity.java

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ToggleButton;

public class MainActivity extends AppCompatActivity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
   super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      final ToggleButton toggleButton = findViewById(R.id.result);
      toggleButton.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View v) {
            if (toggleButton.isChecked()) {
               toggleButton.setTextOn("You have Checked");
               toggleButton.setChecked(true);
            } else if (!toggleButton.isChecked()) {
               toggleButton.setTextOff("You have not Checked");
               toggleButton.setChecked(false);
            }
         }
      });
   }
}

Trong đoạn mã trên, khi nhấp vào nút bật tắt, nó sẽ kiểm tra trạng thái là toggleButton.isChecked (). nếu nó là trạng thái được chọn thì nó sẽ thay đổi văn bản nút bật tắt bằng cách sử dụng setTexton () và thay đổi trạng thái là setChecked (true). Trong trường hợp khác. nếu nó không được chọn thì nó sẽ thay đổi văn bản nút bật tắt bằng cách sử dụng setTextOff () và thay đổi trạng thái là setChecked (false).

Bước 4 - Không cần thay đổi tệp kê khai.xml

Hãy thử chạy ứng dụng của bạn. Tôi giả sử bạn đã kết nối thiết bị Di động Android thực tế với máy tính của mình. Để chạy ứng dụng từ android studio, hãy mở một trong các tệp hoạt động của dự án của bạn và nhấp vào biểu tượng Chạy từ thanh công cụ. Chọn thiết bị di động của bạn làm tùy chọn, sau đó kiểm tra thiết bị di động sẽ hiển thị màn hình mặc định của bạn -

Ví dụ trên ToggleButton?

Trong đầu ra trên biểu diễn về trạng thái nhàn rỗi. Khi người dùng nhấp vào nút, nó sẽ hiển thị kết quả như sau-

Ví dụ trên ToggleButton?

Trong kết quả trên, nó sẽ thay đổi văn bản khi BẠN ĐÃ KIỂM TRA và bên trong nó sẽ thay đổi trạng thái là setChecked (true). Khi bạn nhấp vào nút trên, nó sẽ hiển thị đầu ra như hình dưới đây -

Ví dụ trên ToggleButton?

Trong kết quả trên, nó sẽ thay đổi văn bản là "BẠN CHƯA KIỂM TRA" và bên trong nó sẽ thay đổi trạng thái là setChecked (false).