Snackbar เหมือนกับ Toast ใน Android แต่จะโต้ตอบกับการกระทำ โดยจะแสดงข้อความที่ด้านล่างของหน้าจอโดยไม่มีการโต้ตอบกับมุมมองอื่นๆ และปิดโดยอัตโนมัติหลังจากหมดเวลา
ตัวอย่างนี้สาธิตวิธีผสานรวม Android Snackbar
ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่
ขั้นตอนที่ 2 − เปิด build.gradle และเพิ่มการพึ่งพาไลบรารีที่รองรับการออกแบบ
<ก่อนหน้า>ใช้ปลั๊กอิน:'com.android.application'android { compileSdkVersion 28 defaultConfig { applicationId "com.example.andy.myapplication" minSdkVersion 19 targetSdkVersion 28 versionCode 1 versionName "1.0" testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner " } buildTypes { รีลีส { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' } } การพึ่งพา { การนำไปใช้ fileTree (dir:'libs' รวมถึง:['*.jar'] ) การใช้งาน 'com.android.support:appcompat-v7:28.0.0' การใช้งาน 'com.android.support:design:28.0.0' การใช้งาน 'com.android.support.constraint:constraint-layout:1.1.3' การทดสอบการใช้งาน 'junit:junit:4.12' androidTestImplementation 'com.android.support.test:runner:1.0.2' androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'}ขั้นตอนที่ 3 − เพิ่มรหัสต่อไปนี้ใน res/layout/activity_main.xml
<ปุ่ม android:id="@+id/button" android:layout_width="wrap_content" android:layout_height ="wrap_content" android:layout_centerHorizontal="true" android:text="คลิกที่นี่" />
ในโค้ดด้านบนนี้ เราได้ประกาศ id เลย์เอาต์เนื่องจาก Snackback ต้องการมุมมองพาเรนต์ เมื่อผู้ใช้คลิกที่ปุ่ม จะเป็นการเปิดสแน็คบาร์ที่ด้านล่าง
ขั้นตอนที่ 4 − เพิ่มรหัสต่อไปนี้ใน src/MainActivity.java
<ก่อนหน้า>นำเข้า android.annotation.TargetApi;นำเข้า android.content.Intent;นำเข้า android.graphics.Color;นำเข้า android.net.Uri;นำเข้า android.os.Build;นำเข้า android.os.Bundle;นำเข้า android.support design.widget.CoordinatorLayout นำเข้า android.support.design.widget.Snackbar นำเข้า android.support.v7.app.AppCompatActivity นำเข้า android.view.View นำเข้า android.widget.Button นำเข้า android.widget.TextView สาธารณะ คลาส MainActivity ขยาย AppCompatActivity { CoordinatorLayout coordinatorLayout; @TargetApi (Build.VERSION_CODES.O) @Override ป้องกัน void onCreate (Bundle saveInstanceState) { super.onCreate (savedInstanceState); setContentView(R.layout.activity_main); coordinatorLayout=findViewById(R.id.layout); ปุ่มปุ่ม=findViewById(R.id.button); button.setOnClickListener (View.OnClickListener ใหม่ () { @Override public void onClick (View v) { Snackbar snackbar =Snackbar .make (coordinatorLayout "ยินดีต้อนรับสู่ tutorialspoint.com" Snackbar.LENGTH_LONG) .setAction ("คลิก" ใหม่ View.OnClickListener () { @ แทนที่โมฆะสาธารณะ onClick (ดูมุมมอง) { String url ="https://www.tutorialspoint.com"; Intent i =เจตนาใหม่ (Intent.ACTION_VIEW); i.setData (Uri.parse ( url)); startActivity(i); } }); // การเปลี่ยนสีของข้อความ snackbar.setActionTextColor(Color.RED); // การเปลี่ยนสีของข้อความปุ่มการทำงาน View sbView =snackbar.getView(); TextView textView =(TextView) sbView.findViewById( android.support.design.R.id.snackbar_text); textView.setTextColor(Color.YELLOW); snackbar.show(); } }); }}ในด้านบนเมื่อผู้ใช้คลิกที่ปุ่มจะแสดงสแน็คบาร์ดังที่แสดงด้านล่าง -
สแน็คบาร์สแน็คบาร์ =Snackbar.make (coordinatorLayout, "ยินดีต้อนรับสู่ tutorialspoint.com", Snackbar.LENGTH_LONG).setAction ("คลิก", View.OnClickListener ใหม่ () { @Override public void onClick (ดูมุมมอง) { URL สตริง ="https://www.tutorialspoint.com"; Intent i =new Intent(Intent.ACTION_VIEW); i.setData(Uri.parse(url)); startActivity(i); }});// การเปลี่ยนข้อความ colorsnackbar.setActionTextColor (Color.RED); // การเปลี่ยนข้อความปุ่มการกระทำ colorView sbView =snackbar.getView (); TextView textView =(TextView) sbView.findViewById (android.support.design.R.id.snackbar_text);textView.setTextColor (Color.YELLOW);snackbar.show(); ในโค้ดด้านบนนี้ เราได้ประกาศสแน็คบาร์พร้อมข้อความยินดีต้อนรับสู่ tutorialspoint.com และปุ่มเป็น "คลิก" เมื่อผู้ใช้คลิกปุ่มคลิก จะเป็นการเปิดเว็บไซต์ tutorialspoint ในเบราว์เซอร์เริ่มต้น
ขั้นตอนที่ 5 − เพิ่มรหัสต่อไปนี้ใน manifest.xml
ในโค้ดด้านบนนี้ เราได้ประกาศการอนุญาตทางอินเทอร์เน็ตเพื่อแสดงเว็บไซต์แล้ว
มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการเรียกใช้แอปจากสตูดิโอ Android ให้เปิดไฟล์กิจกรรมของโครงการและคลิกไอคอนเรียกใช้จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก แล้วตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ -
เมื่อคุณคลิกที่ปุ่ม มันจะแสดงข้อความสแน็คบาร์พร้อมปุ่มคลิกดังที่แสดงด้านบน
เมื่อคุณคลิกที่ปุ่ม "คลิก" จะเป็นการเปิดเบราว์เซอร์เริ่มต้นที่มีเว็บไซต์ tutorialspoint.com
