jadi disini kita menggunakan android studio sebagai tools untuk membuat aplikasi android, so tentang android studio bisa di googling aja ya . . . !!!
kita akan bahas materinya sebagai berikut .
1. Bagaimana sih cara membuat projek baru di anroid studio ?
2. Bagaimana membuat activity pada android studio ?
3. Gimana caranya memanggil layout dalam file java ?
4. belajar tentang layout relativ dan linear pada xml android untuk tampilan aplikasi.
Ok kita jelaskan satu-satu ya.
1. Bagaimana sih cara membuat projek baru di anroid studio ?
membuat projek baru di android studio itu sangat mudah yaitu pertama kali kita masuk pada aplikasi android studio, akan muncul seperti gambar pada Step 1 di bawah, setelah itu pilih start a new android studio projekct, setelah itu kita akan di minta untuk memasukan nama aplikasi yang akan kita buat, seperti pada gambar Step 1 namanya tugaspertemuan1
Step 1
setelah mengisi nama aplikasi klik saja next, setelah itu akan muncul tampilan seperti pada gambar Step 2 yaitu untuk memilih versi minimum android untuk menginstall aplikasi yang akan kita buat.
Step 2
Setelah pilih next, akan muncul seperti gambar pada Step 3 kita akan memilih activity yang akan kita gunakan .
Step 3
begitulah step by step dalam membuat projek baru pada android studio.
2. Bagaimana membuat activity pada android studio ?
Gambar 1
Untuk membuat activity baru klik kanan pada projek kita, pilih new > Activity > Empity Activity.
3. Gimana caranya memanggil layout dalam file java ?
Untuk memanggil layout dalam file java itu mudah, pertama kita harus sediakan file javanya dulu, seperti pada Gambar A, kita lihat ada file java yang bernama mainActivity.
setelah itu kita harus buat dulu file layoutnya, caranya klik kanan pada folder rers pilih > Android resource file, akan muncul seperti pada Gambar B, tinggal kita isi nama layoutnya dan penyimpanan pilih folder layout.
A
B
seteleh layout telash selesai dibuat kita gunakan method Oncreate untuk memanggil file layot.
Beriukut scritptnya
@Overrideprotected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //ini adalah perintah untuk memanggil layout
}
4. belajar tentang layout relativ dan linear pada xml android untuk tampilan aplikasi.
Relative layout yaitu RelativeLayout adalah tampilan dimana user dapat menempatkan widget-widget didalamnya seperti layer, sehingga sebuah widget dapat berada di atas/di bawah di samping kiri atau kanan widget lainnya.
Contoh Relativ
Linear Layout yaitu layout yant terstruktur yang bergantung dengan orietantaionya, jika orientationya vertical maka peletakan elemen akan terurut ke bawah, sedangkan jika orientationya horizontal maka peletakana elemenya terurut ke samping.
kita lihat implementasi linear layout pada gambar di bawah
Tampilan linear Horizontal dan Vertical
<pre class="brush: csharp">package com.app.truevox.cahceall.controller.access.ui.activity;
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:background="@color/colorWhite"
android:layout_height="match_parent">
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/margin_normal"
android:paddingRight="@dimen/margin_normal">
<com.app.infideap.stylishwidget.view.ATextView
android:text="@string/script_popup_pdpa"
android:textAppearance="@style/TextStyle.Large"
android:layout_margin="@dimen/margin_normal"
android:padding="@dimen/margin_normal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/textView_header_name" />
<android.support.v4.widget.Space
android:layout_width="match_parent"
android:layout_height="@dimen/margin_normal" />
<LinearLayout
android:visibility="visible"
android:id="@+id/container_audio"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="@dimen/fab_size"
android:layout_marginRight="@dimen/margin_normal"
android:layout_marginLeft="@dimen/margin_normal"
android:orientation="vertical">
<LinearLayout
android:orientation="horizontal"
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageButton
android:layout_marginRight="@dimen/margin_normal"
android:background="?attr/selectableItemBackground"
android:id="@+id/imageButton_record"
android:src="@drawable/ic_play_arrow_black_24dp"
android:adjustViewBounds="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<com.app.infideap.stylishwidget.view.ATextView
android:id="@+id/textView"
android:layout_gravity="center_vertical"
android:text="@string/tap_to_record"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
<LinearLayout
android:id="@+id/container_player"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/imageView_play"
android:src="@drawable/ic_play_arrow_black_24dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:contentDescription="@string/play_pause" />
<ImageView
android:id="@+id/imageView_stop"
android:src="@drawable/ic_stop_black_24dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:contentDescription="@string/stop" />
<ProgressBar
android:layout_weight="1"
android:layout_gravity="center_vertical"
style="@android:style/Widget.DeviceDefault.Light.ProgressBar.Horizontal"
android:layout_width="0dp"
android:paddingLeft="@dimen/margin_normal"
android:paddingRight="@dimen/margin_normal"
android:id="@+id/progressBar"
android:layout_height="wrap_content"
android:indeterminate="false" />
<ImageView
android:id="@+id/imageView_delete"
android:src="@drawable/ic_cancel_red_24dp"
android:tint="@color/colorBlack_1000"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:contentDescription="@string/stop" />
</LinearLayout>
<com.app.infideap.stylishwidget.view.ATextView
android:id="@+id/button_submit"
android:layout_marginTop="@dimen/height_toolbar"
android:layout_gravity="center_horizontal"
style="@style/Button.Success.Fill"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="@string/submit"
/>
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="1px"
android:background="@color/colorLine" />
<android.support.v4.widget.Space
android:layout_width="match_parent"
android:layout_height="10dp" />
</LinearLayout>
</android.support.v4.widget.NestedScrollView>
</pre>