*Tulisan akan muncul*
*di sini*
Bertemu kembali bersama Blog Rizal DRC Dari kita untuk kita blog berbagi info menarik, wawasan dan tips untuk menambah pengetahuan kita bersama.
Awal kita belajar tentu kita mesti mencari referensi atas apa kebutuhan informasi atau permasalahan dalam project kita dalam mempelajari Android dan membuat nya di Android Studio
Bagi kita yang pemula dalam mempelajari android studio untuk membangun suatu projek aplikasi Bisa jadi pembelajaran anda posisi nya sama dengan kami dimana kami juga merupakan pemain pemula juga untuk membangun aplikasi di android studio, mohon maaf jika ada kekurangan dalam tips kami untuk berbagi tutorial ini untuk anda.
Kali ini sesuai perjalanan kami membangun aplikasi via android studio pengen sekali membangun halaman activity splassscreen tampil sebagai halaman pembuka atau istilah nya welcome atau selamat datang kepada pengunjung sebelum memasuki halaman inti dari aplikasi kita.
Contoh nya saat anda membuka suatu aplikasi, pada tampilan pertama terlihat sebuah halaman dimana berisi judul aplikasi dan gambar ikon atau logo utama dari aplikasi
Contoh pada splasscrern tentunya memiliki konsep pembuka halaman yang Berbers beda sesuai inspirasi dari pembuat aplikasi atau developer untuk mendesain halaman pembuka atau splashscreennya, ada yang mengunakan gambar logo saja, ada juga yang mengunakan lago Dan nama aplikasi.
Desain nya ada juga dengan mengunakan animasi, hal ini sesuai dengan seni masing untuk menampilkam spalshscreen agar Tampil menarik.
Kalo kita disini mencoba yang simple saja dan mudah dulu ya, karena masih tahap belajar dan pemula
Ini contoh Salah satu aplikasi tampilan kita. Untuk halaman splashscreen. Namun disini kita akan coba share contoh halaman pembuka kita untuk teman teman, tetapi tidak contoh seperti dibawah ini ya Akan kita tampilkan splashctreen paaa video hasil belajar kita untuk kodingan kita.
Nah disini kita ingin berbagi tutorial membangun halaman atau activity splashscreen bagi teman teman semoga bermanfaat.
Splasscreen activity merupakan halaman pembuka saat pengguna akan mengakses aplikasi kita. Splashcsreen aktifity disini Yang akan kita share bagaimana cara membuat nya dengan bahasa java
Bagi teman teman yang mengunakan bahasa java dapat memulainya disini sbb:
1. Masuk ke Dashboar Andorid studio dan bangunlah sebuah projek latihan untuk splashscreen.
Untuk pemula dapat kan tips mengenai cara install android studio dan setup di pc kmputer atau laptop anda. Cara nya dapat dipelajari Disini tutorial instal android studio.
Kita langsung ke projek bagi yang sudah di Dashbord Android studio.
2. Pilih Menu file dan klik Membuat aplikasi baru
3. Sesuaikan nama aplikasi, API target android anda, Dan bahasa kode nya, Karena ingin gunakan java pilih java, lalu save
Selanjutnya mari kita ke tujuan awal untuk latihan membuat halaman splashscreen.
Klik file pada tombol di atas sisi sebelah kiri Lalu pilih activity new dan pilih Empty Activit.
Selanjutnya beri nama halaman activity untuk halaman pembuka aplikasi anda. Setelah tampil halaman seperti untuk update kode nya. Silahkan ambil kode ini untuk activity xml nya
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/grey"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context=".Splashcreen">
<ImageView
android:id="@+id/img_splash"
android:layout_width="250sp"
android:layout_height="wrap_content"
android:layout_gravity="center"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
android:src="@drawable/ope2" />
<ProgressBar
android:id="@+id/progressBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
android:indeterminateTint="@color/purple_700"/>
<androidx.cardview.widget.CardView
android:layout_width="match_parent"
android:elevation="2dp"
app:cardCornerRadius="2dp"
android:layout_marginTop="20dp"
app:layout_constraintTop_toBottomOf="@+id/img_splash"
android:layout_height="wrap_content">
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:background="#232B5A"
android:layout_height="wrap_content">
<LinearLayout
android:orientation="vertical"
android:gravity="center"
android:layout_gravity="center"
android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:textColor="@color/white"
android:textStyle="bold"
android:textSize="14sp"
android:textAlignment="center"
android:text="Suport System To"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<TextView
android:textColor="@color/white"
android:textStyle="bold"
android:textSize="14sp"
android:textAlignment="center"
android:text="Dinas Perhubungan Kota Dumai"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<ImageView
android:layout_width="80dp"
android:src="@mipmap/ic_launcherlogodishub_foreground"
android:layout_height="90dp"/>
</LinearLayout>
</LinearLayout>
</androidx.cardview.widget.CardView>
</androidx.constraintlayout.widget.ConstraintLayout>
Jangan lupa untuk add gambar kita di buat pada drawable terlebih dahulu untuk layout tampilan di splashcreen , baik berupa logo maupun gambar apa saja yang ingin kita tampilkan sebagai pembuka.
Yuk kita add gambar terlebih dahulu cara nya sbg:
Sorot drawable, lalu klik kanan dan pilih aset gambar,
Pilih gambar yang telah anda persiapkan di foulder anda lalu berinama logoapps, lalu save.
Setelah tampil gambar pada drawable anda Ubah kode ini "@drawable/ope2" dengan nama drawable anda.
<ImageView
android:id="@+id/img_splash"
android:layout_width="250sp"
android:layout_height="wrap_content"
android:layout_gravity="center"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
android:src="@drawable/ope2" />
Oke setelah di ubah.
Kita sekarang ke Splashcreen.java pasang kode dibawah ini. Lalu save.
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/grey"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context=".Splashcreen">
<ImageView
android:id="@+id/img_splash"
android:layout_width="250sp"
android:layout_height="wrap_content"
android:layout_gravity="center"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
android:src="@drawable/ope2" />
<ProgressBar
android:id="@+id/progressBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
android:indeterminateTint="@color/purple_700"/>
<androidx.cardview.widget.CardView
android:layout_width="match_parent"
android:elevation="2dp"
app:cardCornerRadius="2dp"
android:layout_marginTop="20dp"
app:layout_constraintTop_toBottomOf="@+id/img_splash"
android:layout_height="wrap_content">
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:background="#232B5A"
android:layout_height="wrap_content">
<LinearLayout
android:orientation="vertical"
android:gravity="center"
android:layout_gravity="center"
android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:textColor="@color/white"
android:textStyle="bold"
android:textSize="14sp"
android:textAlignment="center"
android:text="Suport System To"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<TextView
android:textColor="@color/white"
android:textStyle="bold"
android:textSize="14sp"
android:textAlignment="center"
android:text="Dinas Perhubungan Kota Dumai"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<ImageView
android:layout_width="80dp"
android:src="@mipmap/ic_launcherlogodishub_foreground"
android:layout_height="90dp"/>
</LinearLayout>
</LinearLayout>
</androidx.cardview.widget.CardView>
</androidx.constraintlayout.widget.ConstraintLayout>
Selanjutnya kita benahi file manifest. Ubahlah manifest nya dimana aktivity MainActivity kita pindahkan posisinya dan menjadi splashscreen sebagai inten-filter android.intent.action.MAIN nya seperti kode dibawah ini
<activity
android:name=".MainActivity"
android:exported="false" />
<activity
android:name=".Splashcreen"
android:exported="true"
android:theme="@style/SplashScreenStyle">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
Kemudian kita hadirkan style thema untuk splashscreen kita untuk isi di thema dengan contoh gambar dibawah ini
Lalu save dan silahkan di run untuk test tampilan applikasi pembuka anda.
Nah tampilan finish nya
Oké cukup mudah bukan, tips membuat splashcreen activity nya.? Yuk tetap semangat belajar semoga bisa yack.
Terima kasih telah berkunjung di blog Rizal DRC
Jangan lupa save blog kami untuk dapat meninjau update informasi, tips dan tutorial selanjutnya. Terima Kasih