Mudah Tutorial Membuat Layar Intro atau Perkenalan Aplikasi di Android Studio

Halo para android pengembang, gimana berita kamu hari ini? Aku minta kamu dalam kondisi yang serius saja. Mudah Tutorial Membuat Layar Intro atau Perkenalan Aplikasi di Android Studio. Pada peluang kali ini, aku hendak memberikan bimbingan metode membuat intro slider aksi di android sanggar.

Menunjukkan intro slider ataupun layar pembuka pada aplikasi android kamu merupakan metode terbaik buat menunjukkan fitur- fitur penting aplikasi ke konsumen pada dikala awal kali. Mudah Tutorial Membuat Layar Intro atau Perkenalan Aplikasi di Android Studio. Umumnya intro diperlihatkan sehabis splashscreen serta cuma timbul satu kali sehabis aplikasi dipakai.

Dalam bimbingan ini kamu hendak berlatih metode membuat intro slider aksi di android sanggar memakai viewpager.

Bimbingan Metode Membuat Intro Slider Di Android Studio

Buat project android sanggar terkini dengan data selaku selanjutnya:

Application Name: Intro App

Package Name: com. androidrion. introapp

Languge: Java

Minimal SDK: API 15: Android 4. 0. 3( IceCreamSandwich)

Catatan file xml layout yang dipakai dalam projek ini:

activity_intro. xml

activity_main. xml

item_intro. xml

Catatan file java yang dipakai dalam projek ini:

Intro. java

MainActivity. java

Catatan file xml drawable yang dipakai dalam projek ini:

btn_round. xml

dot. xml

Dibawah ini merupakan langkah- langkah dalam pembuatan aplikasi Intro App.

Styles File

Buka file styles. xml dalam berkas values. Ganti theme default jadi NoActionBar. Selanjutnya ini merupakan isyarat komplit buat file styles. xml

app atau res atau values atau styles. xml

<resources

<!– Base application theme.–

<style name=” AppTheme” parent=” Theme. AppCompat. Light. NoActionBar”

<!– Customize your theme here.–

<item name=” colorPrimary”
@coloratau colorPrimary< atau item

<item name=” colorPrimaryDark”
@coloratau colorPrimaryDark< atau item

<item name=” colorAccent”
@coloratau colorAccent< atau item

< atau style

< atau resources

Colors File

Dalam bimbingan ini aku memakai warna kustom. Jadi, kamu wajib meningkatkannya pada file colors. xml dalam berkas values. Selanjutnya ini merupakan isyarat komplit buat file colors. xml

app atau res atau values atau colors. xml

<? xml version=” 1. 0″ encoding=” utf- 8″?

<resources

<color name=” colorPrimary”
#008577<atau color

<color name=” colorPrimaryDark”
#00574B<atau color

<color name=” colorAccent”
#D81B60<atau color

<color name=” colorWhite”
#FFFFFF<atau color

<color name=” colorBlackDoff”
#1B1B1B<atau color

<color name=” colorGold”
#ffd700<atau color

<color name=” colorDarkGold”
#D1B000<atau color

< atau resources

Drawable File

Buat membuat intro slider aksi, hingga kita membutuhkan lukisan ataupun simbol yang wajib di tampilkan. Selanjutnya ini merupakan simbol yang aku maanfaatkan dalam project ini.

Simak bimbingan dibawah ini buat meningkatkan simbol itu kedalam project androis sanggar kamu.

Metode Meningkatkan Simbol DALAM PROJECT ANDROID STUDIO

XMl Drawable File

Buat 2 file xml dalam berkas drawable dengan metode klik kanan pada berkas itu. Kemudian seleksi New
Drawableresource file. Simpan file itu dengan julukan btn_round serta dot. Dibawah ini merupakan isyarat komplit buat file itu.

app atau res atau drawable atau btn_round. xml

<? xml version=” 1. 0″ encoding=” utf- 8″?

<selector xmlns: android=” http: atau atau schemas. android. com atau apk atau res atau android”

<item android: state_pressed=” true”

<layer- list

<item

<shape android: shape=” rectangle”

<corners android: radius=” 20dp” atau

<solid android: color=”@color atau colorDarkGold” atau

<size android: width=” 110dp” android: height=” 40dp” atau

< atau shape

< atau item

< atau layer- list

< atau item

<item android: state_focused=” true”

<layer- list

<item

<shape android: shape=” rectangle”

<corners android: radius=” 20dp” atau

<solid android: color=”@color atau colorDarkGold” atau

<size android: width=” 110dp” android: height=” 40dp” atau

< atau shape

< atau item

< atau layer- list

< atau item

<item

<layer- list

<item

<shape android: shape=” rectangle”

<corners android: radius=” 20dp” atau

<solid android: color=”@color atau colorGold” atau

<size android: width=” 110dp” android: height=” 40dp” atau

< atau shape

< atau item

< atau layer- list

< atau item

< atau selector

app atau res atau drawable atau dot. xml

<? xml version=” 1. 0″ encoding=” utf- 8″?

<shape xmlns: android=” http: atau atau schemas. android. com atau apk atau res atau android”

android: shape=” bulat panjang”

<solid android: color=”@android: color atau white” atau

< atau shape

Create New Activity

Buat activity terkini dengan metode klik kanan pada berkas layout, kemudian seleksi New
Activity
EmptyActivity. Simpan activity terkini itu dengan Activity Name: Intro serta Layout Name: activity_intro. Hingga kamu hendak memperoleh file activity_intro. xml dalam berkas layout serta file Intro dalam berkas java.

XML Layout File

Buka file activity_intro. xml dalam berkas layout. Dibawah ini merupakan isyarat komplit buat file activity_intro. xml

app atau res atau layout atau activity_intro. xml

<? xml version=” 1. 0″ encoding=” utf- 8″?

<RelativeLayout xmlns: android=” http: atau atau schemas. android. com atau apk atau res atau android”

xmlns: tools=” http: atau atau schemas. android. com atau tools”

android: layout_width=” match_parent”

android: layout_height=” match_parent”

android: background=”@color atau colorBlackDoff”

tools: context=”. Intro”

<androidx. viewpager. widget. ViewPager

android: id=”@+id atau view_pager”

android: layout_width=” match_parent”

android: layout_height=” match_parent” atau

<LinearLayout

android: layout_width=” match_parent”

android: layout_height=” wrap_content”

android: layout_alignParentStart=” true”

android: layout_alignParentLeft=” true”

android: layout_alignParentEnd=” true”

android: layout_alignParentRight=” true”

android: layout_alignParentBottom=” true”

android: gravity=” center”

android: orientation=” vertical”

<Button

android: id=”@+id atau btn_got_it”

android: layout_width=” wrap_content”

android: layout_height=” wrap_content”

android: background=”@drawable atau btn_round”

android: text=” OK”

android: textStyle=” bold” atau

<LinearLayout

android: id=”@+id atau layoutDots”

android: layout_width=” match_parent”

android: layout_height=”? attr atau actionBarSize”

android: gravity=” center”

android: orientation=” mendatar” atau

< atau LinearLayout

<LinearLayout

android: layout_width=” match_parent”

android: layout_height=” wrap_content”

android: layout_alignParentStart=” true”

android: layout_alignParentLeft=” true”

android: layout_alignParentTop=” true”

android: fitsSystemWindows=” true”

android: orientation=” mendatar”

<View

android: layout_width=” 0dp”

android: layout_height=” 1dp”

android: layout_weight=” 1″ atau

<Button

android: id=”@+id atau btn_skip”

style=”@style atau Base. Widget. AppCompat. Button. Borderless”

android: layout_width=” wrap_content”

android: layout_height=” wrap_content”

android: text=” SKIP”

android: textColor=”@android: color atau white” atau

< atau LinearLayout

< atau RelativeLayout

Untuk file xml layout terkini dengan metode klik kanan pada berkas layout, kemudian seleksi New
Layoutresource file. Simpan file itu dengan julukan item_intro. Selanjutnya ini merupakan isyarat komplit buat file item_intro. xml

app atau res atau layout atau item_intro. xml

<? xml version=” 1. 0″ encoding=” utf- 8″?

<RelativeLayout xmlns: android=” http: atau atau schemas. android. com atau apk atau res atau android”

android: id=”@+id atau lyt_parent”

android: layout_width=” match_parent”

android: layout_height=” match_parent”

android: background=”@color atau colorBlackDoff”

android: padding=” 35dp”

<LinearLayout

android: layout_width=” wrap_content”

android: layout_height=” wrap_content”

android: layout_centerInParent=” true”

android: gravity=” center_horizontal”

android: orientation=” vertical”

android: paddingBottom=”? attr atau actionBarSize”

<ImageView

android: id=”@+id atau image”

android: layout_width=” 250dp”

android: layout_height=” 250dp”

android: padding=” 35dp”

android: src=”@drawable atau ic_android”

android: tint=”@color atau colorGold” atau

<TextView

android: id=”@+id atau title”

android: layout_width=” wrap_content”

android: layout_height=” wrap_content”

android: text=” Intro One”

android: textAppearance=”@style atau TextAppearance. AppCompat. Biasa”

android: textColor=”@android: color atau white”

android: textStyle=” bold” atau

<TextView

android: id=”@+id atau description”

android: layout_width=” match_parent”

android: layout_height=” wrap_content”

android: layout_marginTop=” 10dp”

android: text=” Tambahkan bacaan disini supaya nampak lebih aksi”

android: textAlignment=” center”

android: textAppearance=”@style atau TextAppearance. AppCompat. Subhead”

android: textColor=”@android: color atau white” atau

< atau LinearLayout

< atau RelativeLayout

Java Activity File

Buka file Intro dalam berkas java pada project android sanggar kamu. Dibawah ini merupakan isyarat komplit buat file Intro. java

app atau java atau com. androidrion. introapp atau Intro. java

package com. androidrion. introapp;

import androidx. appcompat. app. AppCompatActivity;

import androidx. viewpager. widget. PagerAdapter;

import androidx. viewpager. widget. ViewPager;

import android. konten. Context;

import android. konten. Intent;

import android. graphics. PorterDuff;

import android. os. Bundle;

import android. view. LayoutInflater;

import android. view. View;

import android. view. ViewGroup;

import android. widget. Button;

import android. widget. ImageView;

import android. widget. LinearLayout;

import android. widget. RelativeLayout;

import android. widget. TextView;

public class Intro extends AppCompatActivity

private static akhir int MAX_STEP= 4;

private Button btn_got_it;

private String[] title_array=

” Intro One”,” Intro Two”,

” Intro Three”,” Intro Four”

;

private String[] description_array=

” Tambahkan bacaan disini supaya nampak lebih aksi”,” Tambahkan bacaan disini supaya nampak lebih aksi”,

” Tambahkan bacaan disini supaya nampak lebih aksi”,” Tambahkan bacaan disini supaya nampak lebih aksi”

;

private int[] about_images_array=

R. drawable. ic_android, R. drawable. ic_notifications,

R. drawable. ic_help, R. drawable. ic_favorite

;

private int[] color_array=

R. color. colorBlackDoff, R. color. colorBlackDoff,

R. color. colorBlackDoff, R. color. colorBlackDoff

;

@Override

protected void onCreate( Bundle savedInstanceState)

luar biasa. onCreate( savedInstanceState);

setContentView( R. layout. activity_intro);

initComponent();

 

private void initComponent()

ViewPager viewPager= findViewById( R. id. view_pager);

btn_got_it= findViewById( R. id. btn_got_it);

bottomProgressDots( 0);

MyViewPagerAdapter myViewPagerAdapter= new MyViewPagerAdapter();

viewPager. setAdapter( myViewPagerAdapter);

viewPager. addOnPageChangeListener( viewPagerPageChangeListener);

btn_got_it. setVisibility( View. GONE);

btn_got_it. setOnClickListener( new View. OnClickListener()

@Override

public void onClick( View v)

Intent intent= new Intent( Intro. this, MainActivity. class);

startActivity( intent);

 

);

findViewById( R. id. btn_skip). setOnClickListener( new View. OnClickListener()

@Override

public void onClick( View v)

Intent intent= new Intent( Intro. this, MainActivity. class);

startActivity( intent);

 

);

 

private void bottomProgressDots( int index)

LinearLayout dotsLayout= findViewById( R. id. layoutDots);

ImageView[] dots= new ImageView[MAX_STEP];

dotsLayout. removeAllViews();

for( int i= 0; i< dots. length; i++)

dots[i]= new ImageView( this);

int width_height= 15;

LinearLayout. LayoutParams params= new LinearLayout. LayoutParams( new ViewGroup. LayoutParams( width_height, width_height));

params. setMargins( 10, 10, 10, 10);

dots[i]. setLayoutParams( params);

dots[i]. setImageResource( R. drawable. dot);

dots[i]. setColorFilter( getResources(). getColor( R. color. colorWhite), PorterDuff. Bentuk. SRC_IN);

dotsLayout. addView( dots[i]);

 

dots[index]. setImageResource( R. drawable. dot);

dots[index]. setColorFilter( getResources(). getColor( R. color. colorGold), PorterDuff. Bentuk. SRC_IN);

 

ViewPager. OnPageChangeListener viewPagerPageChangeListener= new ViewPager. OnPageChangeListener()

@Override

public void onPageSelected( akhir int position)

bottomProgressDots( position);

if( position== title_array. length- 1)

btn_got_it. setVisibility( View. VISIBLE);

else

btn_got_it. setVisibility( View. GONE);

 

 

@Override

public void onPageScrolled( int arg0, float arg1, int arg2)

 

@Override

public void onPageScrollStateChanged( int arg0)

 

;

public class MyViewPagerAdapter extends PagerAdapter

MyViewPagerAdapter()

 

@Override

public Object instantiateItem( ViewGroup kontainer, int position)

LayoutInflater layoutInflater=( LayoutInflater) getSystemService( Context. LAYOUT_INFLATER_SERVICE);

View view= layoutInflater. inflate( R. layout. item_intro, kontainer, false);

(( TextView) view. findViewById( R. id. title)). setText( title_array[position]);

(( TextView) view. findViewById( R. id. description)). setText( description_array[position]);

(( ImageView) view. findViewById( R. id. image)). setImageResource( about_images_array[position]);

view. findViewById( R. id. lyt_parent). setBackgroundColor( getResources(). getColor( color_array[position]));

kontainer. addView( view);

return view;

 

@Override

public int getCount()

return title_array. length;

 

@Override

public boolean isViewFromObject( View view, Object obj)

return view== obj;

 

@Override

public void destroyItem( ViewGroup kontainer, int position, Object object)

View view=( View) object;

kontainer. removeView( view);

 

 

 

Android Manifest File

Buka file AndroidManifest. xml dalam berkas manifests. Ganti activity Intro jadi launcher. Selanjutnya ini merupakan isyarat komplit buat file AndroidManifest. xml

app atau manifests atau AndroidManifest. xml

<? xml version=” 1. 0″ encoding=” utf- 8″?

<manifest xmlns: android=” http: atau atau schemas. android. com atau apk atau res atau android”

package=” com. androidrion. introapp”

<application

android: allowBackup=” true”

android: icon=”@mipmap atau ic_launcher”

android: label=”@string atau app_name”

android: roundIcon=”@mipmap atau ic_launcher_round”

android: supportsRtl=” true”

android: theme=”@style atau AppTheme”

<activity android: name=”. MainActivity” atau

<activity android: name=”. Intro”

<intent- filter

<action android: name=” android. intent. action. Bermain” atau

<category android: name=” android. intent. category. LAUNCHER” atau

< atau intent- filter

< atau activity

< atau application

< atau manifest

Run‘ app’

Saat ini jalankan project android sanggar kamu, hingga aplikasi hendak nampak semacam pada lukisan di dasar ini.