ตัวอย่างนี้สาธิตวิธีใช้คอมโพเนนต์ดีไซน์ Material ในแอป Android
ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่
ขั้นตอนที่ 2 − เพิ่มรหัสต่อไปนี้ใน res/layout/activity_main.xml
<ปุ่ม android:id="@+id/buttonLogin" android:layout_width="260dp" android:layout_height="60dp" android:layout_gravity="center" android:backgroundTint=" @color/colorPrimary" android:text="@string/login_btn_txt" android:textColor="@android:color/white" android:layout_marginBottom="20dp"/> สไตล์ <ปุ่ม android:id="@+id/buttonRegister" android:layout_width="260dp" android:layout_height="60dp" android:layout_gravity="center" android:backgroundTint="@android:color/white" android:text="@string/login_reg_btn_txt" android:textColor="@color/colorPrimary" />
ขั้นตอนที่ 3 − เพิ่มรหัสต่อไปนี้ใน src/MainActivity.java
แพ็คเกจ com.app.sample; นำเข้า androidx.appcompat.app.AppCompatActivity นำเข้า android.os.Bundle; MainActivity คลาสสาธารณะขยาย AppCompatActivity { @Override ป้องกันเป็นโมฆะ onCreate (Bundle SavedInstanceState) { super.onCreate (savedInstanceState); setContentView(R.layout.activity_main); }} ขั้นตอนที่ 4 − เพิ่มรหัสต่อไปนี้ในการพึ่งพาโมดูลแอป
<ก่อนหน้า>ใช้ปลั๊กอิน:'com.android.application'android { compileSdkVersion 28 defaultConfig { applicationId "com.app.sample" minSdkVersion 21 targetSdkVersion 28 versionCode 1 versionName "1.0" testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" } buildTypes { ปล่อย { minifyEnabled false proguardFiles getDefaultProguardFile ('proguard-android-optimize.txt'), 'proguard-rules.pro' } }} การพึ่งพา { /// การใช้งาน "com.google.android.material:material:1.1.0-alpha02 "}ขั้นตอนที่ 4 − เพิ่มรหัสต่อไปนี้ใน Manifests/AndroidManifest.xml
<หมวดหมู่ android:name=" android.intent.category.LAUNCHER" />
มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการรันแอพจาก android studio ให้เปิดไฟล์กิจกรรมของโปรเจ็กต์แล้วคลิกไอคอน Run จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก แล้วตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ -
