Skip to main content

Cara Membuat SplashScreen Dengan Android Studio

Hay guys, ketemu lagi sama saya nih. pada kesempatan kali ini kita akan belajar bagaimana cara membuat sebuah aplikasi yang berisi splashscreen. kenapa harus splashscreen? yang jelas supaya aplikasi kita ketika pertama kali di buka tidak monoton dan dengan adanya splashscreen ini akan membuat aplikasi kita menjadi lebih menarik tentu nya. disini mungkin teman-teman sekalian sudah pernah belajar bagaimana cara membuatnya, dan tutorial ini saya tujukan untuk teman-teman yang belum pernah belajar bagaimana cara membuat aplikasi splashscreennya.

Disini saya menggunakan android studio sebagai IDE untuk membuat aplikasi splashscreennya.mungkin kita langsung saja ke tutorialnya. siapkan android studio kalian, pastikan batteray laptop kalian penuh terisi hehehe. okay kita menuju tkp langsung. adapun langkah-langkah yang harus kalian lakukan adalah 

  1. Buka android studio kalian dan buatlah project baru. untuk nama project nya kalian bebas memberikan namanya.
  2. pada langkah kedua ini kalian buatlah sebuah activity dengan nama SplashScreen. lihat gambar di bawah ini:

  3. Setelah berhasil membuat activity nya, kalian buatlah desain layoutnya seperti pada gambar di atas pada layout activity_splash_screen.xml.berikut ini source code nya :
    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:ads="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:id="@+id/layout1"
            android:background="#DC143C"
            >
            <ImageView
                android:paddingTop="20dp"
                android:src="@drawable/gabriel"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_horizontal"
                android:scaleType="fitXY"
                android:id="@+id/image1"/>
        <ProgressBar
            android:layout_below="@+id/image1"
            android:id="@+id/progressBar2"
            style="?android:attr/progressBarStyle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:layout_marginBottom="5dp"
            android:paddingTop="5dp"
            android:backgroundTint="#FFD700"
            android:layout_gravity="center_horizontal"
            />
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_horizontal"
                android:text="SELAMAT DATANG DI APLIKASI KAMI"
                android:textStyle="bold"
                android:textSize="15pt"
                android:layout_above="@+id/progressBar2"
                android:textColor="#FFFAF0"
                />
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_horizontal"
                android:text="gokitabelajar.blogspot.com"
                android:textStyle="normal"
                android:textSize="10pt"

                android:layout_above="@+id/progressBar2"
                android:textColor="#FFFAF0"
                />
        </LinearLayout>
        <com.google.android.gms.ads.AdView
            android:id="@+id/adView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_alignParentBottom="true"
            ads:adSize="BANNER"
            ads:adUnitId="@string/banner_ad_unit_id">
        </com.google.android.gms.ads.AdView>
    </RelativeLayout>


  4. Selanjutnya kita menuju ke java class nya yaitu pada class SplashScreen.java lihat source code nya di gambar :
  5. Setelah itu kita menuju manifest.xml lihat source code nya seperti di bawah ini :
    <?xml version="1.0" encoding="utf-8"?>
    <manifest xmlns:android="http://schemas.android.com/apk/res/android"
        package="com.wayan.com.ilmugratis"
        android:versionCode="1"
        android:versionName="1.0">
        <uses-sdk
            android:minSdkVersion="8"
            android:targetSdkVersion="21" />
        <uses-permission android:name="android.permission.INTERNET" />
        <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
        <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
        <uses-permission android:name="android.permission.READ_PHONE_STATE" />
        <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

        <application
            android:allowBackup="true"
            android:icon="@drawable/gabriel"
            android:label="@string/app_name"
            android:theme="@style/AppTheme"
            android:supportsRtl="true">
            <activity
                android:name="com.wayan.com.ilmugratis.SplashScreen"
                android:label="@string/app_name"
                android:noHistory="true"
                android:screenOrientation="portrait"
               >
                <intent-filter>
                    <action android:name="android.intent.action.MAIN" />
                    <category android:name="android.intent.category.LAUNCHER" />
                </intent-filter>
            </activity>
            <activity
                android:name=".MainActivity">
                <intent-filter>
                    <action android:name="android.intent.action.MAIN" />
                    <category android:name="android.intent.category.DEFAULT" />
                </intent-filter>
            </activity>
        </application>
    </manifest>
  6. Setelah itu selesai kalian tinggal melakukan compile terhadap program splashscreen tersebut. lihat cara melakukan compile nya seperti pada gambar di bawah ini:
Sekian Tutorial dari saya,jika kalian bingung dan ingin endapatkan projectnya kalian bisa kirim komentar di bawah dengan menuliskan alamat emailnya. jika saya tidak sibuk maka akan saya kirimkan projectnya ke email kalian. semoga tutorial diatas dapat membantu teman-teman semua. Terima Kasih!!
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar