Sudah menjadi sebuah hal biasa dalam setiap aplikasi memiliki sebuah halaman about. Halaman about yaitu halaman yang berisi penjelasan tentang aplikasi tersebut. Pada tips kali ini saya akan menunjukan bagaimana cara membuat halaman about yg simpel sekali dengan memanfaatkan BottomSheetDialog. Hasilnya akan seperti ini.
Langkah-langkah:
💻 Mulai Belajar Pemrograman
Belajar pemrograman di Dicoding Academy dan mulai perjalanan Anda sebagai developer profesional.
Daftar SekarangDi Android Studio kalian, buat project baru File => New Project. Buka gradle module dan tambahkan design support library di bagian dependency seperti dibawah ini.
|
1 2 3 4 |
dependencies { compile 'com.android.support:appcompat-v7:25.1.0' compile 'com.android.support:design:25.1.0' } |
Kemudian buka layout.xml kalian dan ubah kodenya menjadi seperti kode di bawah ini. (Kalian bebas berkreasi dengan membuat layout model kalian sendiri)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 |
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/colorPrimary" android:paddingLeft="@dimen/medium_space_between_views" android:paddingTop="@dimen/medium_space_between_views"> <TextView android:layout_marginBottom="@dimen/minimum_space_between_views" android:textColor="#FFFFFF" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="About" android:textStyle="bold" android:textSize="24sp"/> <TextView android:layout_marginBottom="@dimen/medium_space_between_views" android:textColor="#FFFFFF" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="'NamaAplikasi' merupakan aplikasi yang berguna untuk..."/> <TextView android:layout_marginBottom="@dimen/minimum_space_between_views" android:textColor="#FFFFFF" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Library & resources" android:textStyle="bold" android:textSize="24sp"/> <TextView android:layout_marginBottom="@dimen/medium_space_between_views" android:textColor="#FFFFFF" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Library 1"/> <TextView android:layout_marginBottom="@dimen/medium_space_between_views" android:textColor="#FFFFFF" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Library 2"/> <TextView android:layout_marginBottom="@dimen/minimum_space_between_views" android:textColor="#FFFFFF" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Developer" android:textStyle="bold" android:textSize="24sp"/> <TextView android:layout_marginBottom="@dimen/medium_space_between_views" android:textColor="#FFFFFF" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Kris Jon"/> <TextView android:layout_marginBottom="@dimen/medium_space_between_views" android:textColor="#FFFFFF" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Maikel Jakson"/> <TextView android:layout_marginBottom="@dimen/medium_space_between_views" android:background="#FFFFFF" android:layout_width="match_parent" android:layout_height="1dp"/> <TextView android:layout_marginBottom="@dimen/medium_space_between_views" android:textColor="#FFFFFF" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Cp : email@dicoding.com"/> </LinearLayout> |
Kemudian buka Activity.java kalian dan ubah kodenya seperti kode di bawah ini. Pada kode ini kita membuat objek BottomSheetDialog kemudian kita inflate layout yang telah kita buat sebelumnya ke dalam objek BottomSeetDialog menggunakan method setContentView(). Terakhir kita tampilkan BottomSheetDialog kita menggunakan method show().
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
public class MainActivity extends AppCompatActivity { private Button showButtomSheet; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); showButtomSheet = (Button) findViewById(R.id.button_show_about); showButtomSheet.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { showAbout(); } }); } private void showAbout() { BottomSheetDialog bottomSheetDialog = new BottomSheetDialog(this); View view = getLayoutInflater().inflate(R.layout.view_bottom_sheet_about, null); bottomSheetDialog.setContentView(view); bottomSheetDialog.show(); } } |
Selesai. Sekarang coba kamu Run dan lihat hasilnya.
Semoga bermanfaat ya, learners. Ingin belajar lebih banyak? Yuk langsung cek Dicoding Academy Belajar Membangun Aplikasi Android Native (www.dicoding.com/academies/26), materi yang dibuat oleh Google Developer Expert Indonesia.
Tunggu tips kami selanjutnya !
