วิธีรับปุ่มวงกลมที่กำหนดเองใน Android

ตัวอย่างนี้สาธิตวิธีรับปุ่มวงกลมที่กำหนดเองใน Android

ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่

ขั้นตอนที่ 2 − เพิ่มรหัสต่อไปนี้ใน res/layout/activity_main.xml

<?xml version = "1.0" encoding = "utf-8"?>
<LinearLayout xmlns:android = "https://schemas.android.com/apk/res/android"
   android:id = "@+id/parent"
   xmlns:tools = "https://schemas.android.com/tools"
   android:layout_width = "match_parent"
   android:layout_height = "match_parent"
   tools:context = ".MainActivity"
   android:gravity = "center"
   android:orientation = "vertical">
   <Button
      android:id = "@+id/text"
      android:textSize = "18sp"
      android:textAlignment = "center"
      android:background = "@drawable/round_button"
      android:layout_width = "150dp"
      android:textColor = "#000"
      android:layout_height = "150dp" />
</LinearLayout>

ในโค้ดด้านบน เราได้นำปุ่มที่มีพื้นหลังเป็นปุ่มกลม ดังนั้นให้สร้าง round_button.xml ในโฟลเดอร์ drawable และเพิ่มรหัสต่อไปนี้

<?xml version = "1.0" encoding = "utf-8"?>
<selector xmlns:android = "https://schemas.android.com/apk/res/android">
   <item android:state_pressed = "false">
      <shape android:shape = "oval">
         <solid android:color = "#ffff00"/>
      </shape>
   </item>
   <item android:state_pressed = "true">
      <shape android:shape = "oval">
         <solid android:color = "#fff000"/>
      </shape>
   </item>
</selector>

ในโค้ดด้านบน เราได้ดำเนินการสองสถานะโดยกดปุ่มและปุ่มปล่อย เมื่อผู้ใช้คลิกที่ปุ่ม ระบบจะนำสถานะของปุ่มและกำหนดรูปร่างให้กับปุ่ม

ขั้นตอนที่ 3 − เพิ่มรหัสต่อไปนี้ใน src/MainActivity.java

package com.example.andy.myapplication;
import android.content.res.Configuration;
import android.os.Build;
import android.os.Bundle;
import android.support.annotation.RequiresApi;
import android.support.v7.app.AppCompatActivity;
import android.widget.Button;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
   int view = R.layout.activity_main;
   Button button;
   @RequiresApi(api = Build.VERSION_CODES.JELLY_BEAN)
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(view);
      button = findViewById(R.id.text);
      button.setText("Button");
   }
}

มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการรันแอพจาก android studio ให้เปิดไฟล์กิจกรรมของโปรเจ็กต์แล้วคลิกไอคอน Run จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก แล้วตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ -

ในผลลัพธ์ข้างต้น จะแสดงหน้าจอเริ่มต้น คลิกที่ปุ่ม มันจะเปลี่ยนสีของปุ่มดังที่แสดงด้านล่าง -