Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Android

วิธีการใช้วิดเจ็ตชีตปุ่ม Android


ตัวอย่างนี้สาธิตวิธีการใช้วิดเจ็ตชีตปุ่มของ Android

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

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

      

ขั้นตอนที่ 3 − เปิด build.gradle (Module:app) และเพิ่มการพึ่งพาต่อไปนี้

การใช้งาน 'com.android.support:design:28.0.0'implementation 'com.jakewharton:butterknife:8.8.1'annotationProcessor 'com.jakewharton:butterknifecompiler:8.8.1'

ขั้นตอนที่ 4 − สร้างเลย์เอาต์ (bottomsheet.xml) และโค้ดต่อไปนี้ -

         <ปุ่ม android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="30dp " android:พื้นหลัง d="#000" android:text="ดำเนินการชำระเงิน" android:textColor="#fff" />

ขั้นตอนที่ 5 − สร้างเลย์เอาต์ (content.xml) และเพิ่มโค้ดต่อไปนี้ −

 <ปุ่ม android:id="@+id/btnBottomSheet" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="แสดงแผ่นงานด้านล่าง" android:layout_centerInParent="true"/> 

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

<ก่อนหน้า>นำเข้า android.os.Bundle;นำเข้า android.support.annotation.NonNull;นำเข้า android.support.design.widget.BottomSheetBehavior;นำเข้า android.support.v7.app.AppCompatActivity นำเข้า android.support.v7.widget แถบเครื่องมือ นำเข้า android.view.View นำเข้า android.widget.Button นำเข้า android.widget.LinearLayout นำเข้า butterknife.BindView นำเข้า butterknife.ButterKnife นำเข้า butterknife.OnClick คลาสสาธารณะ MainActivity ขยาย AppCompatActivity { @BindView (R.id .btnBottomSheet) ปุ่ม btnBottomSheet; @BindView(R.id.bottomSheet) เลย์เอาต์ LinearLayoutBottomSheet; BottomSheetแผ่นพฤติกรรมพฤติกรรม; @Override ป้องกันโมฆะ onCreate (Bundle saveInstanceState) { super.onCreate (savedInstanceState); setContentView(R.layout.activity_main); ButterKnife.bind(นี่); แถบเครื่องมือแถบเครื่องมือ =findViewById(R.id.toolbar); //setSupportActionBar(แถบเครื่องมือ); sheetBehavior =BottomSheetBehavior.from (เลย์เอาต์BottomSheet); sheetBehavior.setBottomSheetCallback (ใหม่ BottomSheetBehavior.BottomSheetCallback () { @Override สาธารณะโมฆะ onStateChanged (@NonNull ดู bottomSheet, int newState) { สวิตช์ (newState) { กรณี BottomSheetBehavior.STATE_HIDDEN:แบ่ง; กรณี BottomSheet_ShePier.STATE:แผ่น"); } แตก; เคส BottomSheetBehavior.STATE_COLLAPSED:{ btnBottomSheet.setText ("ขยายชีต"); } แตก; เคส BottomSheetBehavior.STATE_DRAGGING:แตก; case BottomSheetBehavior.STATE_SETTLING:break; } } @Override public voidonNuSlidell ( ดูแผ่นด้านล่าง, float slideOffset) { } }); } @OnClick(R.id.btnBottomSheet) โมฆะสาธารณะ toggleBottomSheet () { if (sheetBehavior.getState() !=BottomSheetBehavior.STATE_EXPANDED) { sheetBehavior.setState (BottomSheetBehavior.STATE_EXPANDED); btnBottomSheet.setText("ปิดแผ่นงาน"); } อื่น ๆ { sheetBehavior.setState (BottomSheetBehavior.STATE_COLLAPSED); btnBottomSheet.setText("ขยายแผ่นงาน"); } }}

ขั้นตอนที่ 7 − เพิ่มรหัสต่อไปนี้ใน androidManifest.xml

     <หมวดหมู่ android:name=" android.intent.category.LAUNCHER" />   

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

วิธีการใช้วิดเจ็ตชีตปุ่ม Android

วิธีการใช้วิดเจ็ตชีตปุ่ม Android