Breaking

Rabu, 16 Januari 2019

Tutorial Android Cara Menampilkan Logo pembuka Welcome pada Aplikasi Kita

Example image welcome app

Tutorial Android Menampilkan Logo pembuka Welcome ( Layout Inflate ) - dalam pelajaran tutorial aplikasi berbasis android kali ini kita akan membas tentang bagaiman cara membuat logo pembuka dalam aplikasi kita, dalam tutorial android untuk pemula ini kita akan bahas tentang bagaimana kita membuat menu pembuka dalam saat aplikasi yang kita buat tersebut di buka.

Mari kita mulai dengan manfaat dan fungsi Layout inflate, layoutInflate merupakan cara untuk melakukan inflate atau penggabungan dua file xml dalam 1 page layout.

Langsung saja kita lakuka execute hal tersebut di bawah ini.

Pembuatan Project inflate Baru

Buka Apk Builder langung New Project > Inflate > Empity Activity > Next > MainActivity > Finish oke pembuatan project baru dengan nama inflate telah selesai di buat kemudian kita langsung edit project tersebut.

Masuk ke Res > layout > + > add a file > Customtoast.xml ( create ) setelah proses pembuatan file xml tersebut saatnya masukan secript xml tersebut dengan kode di bawah ini.

<!--?xml version="1.0" encoding="utf-8"?-->
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/custom_toast_layout" android:gravity="center" android:background="#F14E23" android:orientation="vertical">

<imageview android:id="@+id/custom_toast_image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentdescription="Hello&nbsp;world" android:src="@drawable/ic_launcher">

<textview android:id="@+id/custom_toast_message" android:layout_width="wrap_content" android:layout_height="wrap_content" android:contentdescription="To" android:text="Welcome Android App">

<textview android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:text="Hello World!">

</textview></textview></imageview></linearlayout>


Penambahan Fungsi inflate open Tost 

Sekarang masuk ke src > com > example > Inflate > MainActivity.java kemudia buka edit file tersebut, tambahkan script di bawah ini.
LayoutInflater li = getLayoutInflater();
View layout = li.inflate(R.layout.customtoast,(ViewGroup) findViewById(R.id.custom_toast_layout));
Toast toast = new Toast(getApplicationContext());
toast.setDuration(Toast.LENGTH_SHORT);
toast.setGravity(Gravity.CENTER_VERTICAL, 0, 0);
toast.setView(layout);
toast.show();


Code di atas di tambahkan pada file script setelah code.

 setContentView(R.layout.activity_main); 

Masukan script Java import di bawah ini.
import android.widget.Toast;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.Gravity;

dibawah kode ini. 

 import android.os.Bundle;  

Kemudian masuk ke res > drawable > + > Import > ambil gambar saya contohkan gambar ikon andoid yaitu ic_launcher.png file tersebut ada pada folder res > mipmap-xhdpi ambil dan copy paste pada folder drawable

Setelah code code di atas di simpan saatnya kita pack kode tersebut. 

Kemudian save code script code tersebut dan comfile codetersebut dengan menekan Build > proses > install > Buka 

Hasil code - code tersebut bisa di lihat seperti gambar di bawah ini. 



Keterangan 

Inti dari kode di atas adalah design app dimana kita saat kita membuka aplikasi ada pesan pembuka seperti welcode atau logo - logo di maksud untuk mempercantik sebuah aplikasi yang kita buat. 

Demikainlah kode kode di maksud di buat semoga bermanfaat dan membantu teman teman dalam belajar coding aplikasi berbasis android salam android app

Tidak ada komentar:

Posting Komentar

close