Membuat Aplikasi Android dengan Android Studio

Kali ini saya akan memberikan tutorial tentang pembuatan aplikasi yang berbasis android dan menggunakan aplikasi Android studio , saya bukan orang yang mahir dalam membuat sebuah aplikasi saya karna basic saya bukan di pemograman android dan mungkin di postingan kali ini kamu bisa mengikuti tutorial di bawah ini dengan hanya copy paste dan mengerti penempatan coding nya saja dan jika terjadi error bisa commentar bisa saya bantu

Langkah awal nya bisa lihat gambar di bawah ini

Buat New.php :  Lihat File
koneksi.php : Lihat File
detail_news.php : Lihat File

Buat project baru di Android Studio File - New Project. Kemudian pilih Empty Activity dan melanjutkannya hingga selesai.

 activity_main.xml

<?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:orientation="vertical" >

    <android.support.v4.widget.SwipeRefreshLayout

        android:id="@+id/swipe_refresh_layout"

        android:layout_width="match_parent"

        android:layout_height="wrap_content">

        <ListView

            android:id="@+id/list_news"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:divider="@color/list_divider"

            android:dividerHeight="2dp"

            android:listSelector="@drawable/list_row_selector" />

    </android.support.v4.widget.SwipeRefreshLayout>

</LinearLayout>

detail_news.xml 
Untuk menampilkan detail dari news.

<?xml version="1.0" encoding="utf-8"?>

<android.support.v4.widget.SwipeRefreshLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@+id/swipe_refresh_layout"

    android:layout_width="match_parent"

    android:layout_height="wrap_content" >

    <ScrollView

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:background="#fff" >

        <LinearLayout

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:orientation="vertical"

            android:padding="16dp" >

            <TextView

                android:id="@+id/judul_news"

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:textStyle="bold" />

            <TextView

                android:id="@+id/tgl_news"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content" />

            <com.android.volley.toolbox.NetworkImageView

                android:id="@+id/gambar_news"

                android:layout_gravity="center"

                android:layout_marginTop="5dp"

                android:layout_marginBottom="5dp"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:scaleType="fitXY" />

            <TextView

                android:id="@+id/isi_news"

                android:layout_width="match_parent"

                android:layout_height="wrap_content" />

        </LinearLayout>

    </ScrollView>

</android.support.v4.widget.SwipeRefreshLayout>

 list_row_news.xml

<?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="wrap_content"

    android:orientation="vertical"

    android:padding="16dp"

    android:background="@drawable/list_row_selector">

    <TextView

        android:id="@+id/news_judul"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:textStyle="bold"/>

    <TextView

        android:id="@+id/news_timestamp"

        android:layout_width="match_parent"

        android:layout_height="wrap_content" />

    <com.android.volley.toolbox.NetworkImageView

        android:id="@+id/news_gambar"

        android:layout_gravity="center"

        android:layout_marginTop="5dp"

        android:layout_marginBottom="5dp"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:scaleType="fitXY" />

    <TextView

        android:id="@+id/news_isi"

        android:layout_width="match_parent"

        android:layout_height="wrap_content" />

</LinearLayout>

Buat folder drawable didalam res dan isi file baru dengan nama list_row_bg.xml, list_row_bg_hover.xml, dan list_row_selector.xml sebagai style listview.
list_row_bg.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

    android:shape="rectangle">

    <gradient

        android:startColor="@color/list_row_start_color"

        android:endColor="@color/list_row_end_color"

        android:angle="270" />

</shape>

 list_row_bg_hover.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

    android:shape="rectangle" >

    <gradient

        android:angle="270"

        android:endColor="@color/list_row_hover_end_color"

        android:startColor="@color/list_row_hover_start_color" />

</shape>

 list_row_selector.xml

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/list_row_bg" android:state_pressed="false" android:state_selected="false"/>

    <item android:drawable="@drawable/list_row_bg_hover" android:state_pressed="true"/>

    <item android:drawable="@drawable/list_row_bg_hover" android:state_pressed="false" android:state_selected="true"/>

</selector>

 Masuk folder res=>values=>color.xml dan tambahkan code seperti berikut :
color.xml

<?xml version="1.0" encoding="utf-8"?>

<resources>

    <color name="colorPrimary">#3F51B5</color>

    <color name="colorPrimaryDark">#303F9F</color>

    <color name="colorAccent">#FF4081</color>

    <color name="list_divider">#d9d9d9</color>

    <color name="list_row_start_color">#ffffff</color>

    <color name="list_row_end_color">#ffffff</color>

    <color name="list_row_hover_start_color">#ebeef0</color>

    <color name="list_row_hover_end_color">#ebeef0</color>

</resources>

 Buka build.gradle dan tambahkan volley library didalamnya

compile 'com.mcxiaoke.volley:library-aar:1.0.0'

build.gradle

dependencies {

    compile fileTree(dir: 'libs', include: ['*.jar'])

    testCompile 'junit:junit:4.12'

    compile 'com.android.support:appcompat-v7:23.2.0'

    compile 'com.android.support:design:23.2.0'

    compile 'com.mcxiaoke.volley:library-aar:1.0.0'

}

Agar project terstruktur dan terorganisir, buat 5 paket dengan nama adapter, app, data, util, dan volley. Untuk membuat paket baru , klik kanan pada src-New - Peckage dan memberikan nama paket . Contoh : com.Rootv1.Rootv1news.

artikel tentang tutorial ini panjang sekali dan jika kamu ingin script lengkap nya bisa download di bawah ini
karna Tutorial ini belum selesai silakan kunjungi artikel asli nya di

Artikel Asli Android News

Sourch codeV1.0
Download Via server rootv1

Download

Baca Juga :

• Download Aplikasi Android Studio Terbaru
• 4 Tips Hemat Battery Andorid Mobile

Tweet