Cara Menampilkan Welcome Screen dengan Text Android

  • Post
    codeorayo
    Keymaster
    none
    Welcome Screen digunakan dalam pengembangan Aplikasi Android, untuk menampilkan sebuah pesan text ataupun gambar ketika user (pengguna) membuka pertama kali Aplikasi yang telah diinstall. Welcome screen bisa juga berisi pesan panduan penggunaan Aplikasi , yang ditujukan untuk  user (pengguna). 

    Pada tutorial belajar android kali ini ,kita akan mencoba membuat sebuah Contoh Penerapan Welcome Screen dengan menggunakan TextView , kalian juga bisa menambahkan gambar dengan ImageView jika kalian mau.

    [img width=320,height=228]https://4.bp.blogspot.com/-GL555lR-XOc/Vn4FMMFMdqI/AAAAAAAAERY/VMmwqaoJTiU/s320/android-studio-tutorial.png[/img]

    1.Pertama kita terapkan baris instruksi (code dibawah) ke file activity_main.xml

    activity_main.xml


    1. http://schemas.android.com/apk/res/android“

    2.                 android:layout_width=”match_parent”

    3.                 android:layout_height=”match_parent”

    4.                 android:orientation=”vertical”>

    5.  

    6.     

    7.         android:id=”@+id/welcome_pesan”

    8.         android:layout_width=”fill_parent”

    9.         android:layout_height=”fill_parent”

    10.         android:background=”#036e64″

    11.         android:orientation=”vertical”

    12.         android:layout_margin=”16dp”

    13.         android:padding=”16dp”

    14.         android:visibility=”visible”>

    15.  

    16.         

    17.             android:id=”@+id/welcome_title”

    18.             android:layout_width=”wrap_content”

    19.             android:layout_height=”wrap_content”

    20.             android:layout_marginBottom=”16dp”

    21.             android:layout_marginTop=”16dp”

    22.             android:text=”Selamat datang di Okedroid”

    23.             android:textColor=”#ddd”

    24.             android:textSize=”28sp”

    25.             android:textStyle=”bold” />

    26.  

    27.         

    28.             android:id=”@+id/welcome_messgae”

    29.             android:layout_width=”wrap_content”

    30.             android:layout_height=”wrap_content”

    31.             android:layout_below=”@+id/welcome_title”

    32.             android:text=”Okedroid.com adalah Blog yang membahas tentang tutorial belajar membuat dan mengembangkan Aplikasi Android dengan Android Studio serta Info Teknlogi lainya. nn Kalian bisa belajar banyak disini baik pemula maupun expert”

    33.             android:textColor=”#ddd”

    34.             android:textSize=”18sp” />

    35.  

    36.         

    37.             android:layout_width=”wrap_content”

    38.             android:layout_height=”wrap_content”

    39.             android:layout_alignParentBottom=”true”

    40.             android:layout_alignParentRight=”true”

    41.             android:layout_gravity=”bottom”

    42.             android:background=”#3b978d”

    43.             android:onClick=”dismisWelcomeMessageBox”

    44.             android:paddingLeft=”30dp”

    45.             android:paddingRight=”30dp”

    46.             android:text=”Got It”

    47.             android:textColor=”#fff” />

    48.     

    49.  

    50.     

    51.         android:id=”@+id/content_layout”

    52.         android:layout_width=”fill_parent”

    53.         android:layout_height=”fill_parent”

    54.         android:background=”#95a5a6″

    55.         android:orientation=”vertical”

    56.         android:padding=”20dp”

    57.         android:visibility=”invisible”>

    58.  

    59.  

    60.  

    61.         

    62.             android:layout_width=”wrap_content”

    63.             android:layout_height=”wrap_content”

    64.             android:text=”Pesan ini akan tampil setelah kalian melihat welcome screen dengan text “

    65.             android:textColor=”#fff”

    66.             android:textSize=”25sp” />

    67.  

    68.         

    69.             android:layout_width=”wrap_content”

    70.             android:layout_height=”wrap_content”

    71.             android:layout_marginTop=”20dp”

    72.             android:text=”Okedroid.com”

    73.             android:textSize=”30sp” />

    74.  

    75.     



    76. 2. Kedua kita terapkan pada file java MainActivity.java

      MainActivity.java

      1. package com.okedroid.myapplication3;

      2.  

      3. import android.os.Bundle;

      4. import android.support.v7.app.AppCompatActivity;

      5. import android.view.View;

      6. import android.widget.LinearLayout;

      7. import android.widget.RelativeLayout;

      8.  

      9. public class MainActivity extends AppCompatActivity {

      10.  

      11.  

      12.     RelativeLayout introMessage;

      13.     LinearLayout appContent;

      14.  

      15.     @Override

      16.     protected void onCreate(Bundle savedInstanceState) {

      17.         super.onCreate(savedInstanceState);

      18.         setContentView(R.layout.activity_main);

      19.  

      20.         introMessage = (RelativeLayout) findViewById(R.id.welcome_pesan);

      21.         appContent = (LinearLayout) findViewById(R.id.content_layout);

      22.     }

      23.  

      24.     public void dismisWelcomeMessageBox(View view) {

      25.         introMessage.setVisibility(View.INVISIBLE);

      26.         appContent.setVisibility(View.VISIBLE);

      27.  

      28.     }

      29. }


        3. Sekarang kita coba jalankan Aplikasinya lewat Android Studio

        Kurang lebih hasilnya akan seperti gambar dibawah:

        [table]

        [tr]

        [/tr]

        [tr]

        [/tr]

        [/table]

        [td][img width=202,height=320]https://1.bp.blogspot.com/-UJUS_GJycPI/Vrq6SLkLMbI/AAAAAAAAEng/mJ7zCBw6Hx4/s320/hasil-welcome-screen-android.png[/img][/td]
        [td]Hasil Welcome Screen[/td]
        [table]

        [tr]

        [/tr]

        [tr]

        [/tr]

        [/table]

        [td][img width=163,height=320]https://1.bp.blogspot.com/-nxt2gE1xgI0/Vrq6U7uWrhI/AAAAAAAAEnk/vijN6gj0_30/s320/hasil-welcome-screen-android2.png[/img][/td]
        [td]Hasil Pesan Konten

        [/td]

      • You must be logged in to reply to this topic.