I. Berikut ini ialah cara pembuatan multiscreen,
dengan cara menggabungkan beberapa aplikasi seperti, kalkulator, linear,
checkbox, listview, tablelayout, imageview.
II. Membuka aplikasi Eclipse. Dengan cara klik pada icon
Eclipse,
III.Setelah
membuka aplikasi Eclipse, lalu muncul pertanyaan dimana project android kita akan
dibuat, setelah itu pilih letak project yang kita inginkan. Lalu klik tombol
OK.
IV.Lalu setelah
kita pilih letak
project kita, lalu
kita membuat lembar
kerja baru atau
activity baru, dengan cara klik File -> New -> Java
Android Aplication.
1. Kemudian membuat
new android application project dengan nama Multiscreen (Tugas_UTS).
2. Kemudian
dibawah ini ialah gambar dimana grapichal layout telah diberi tombol button
untuk membuka form pertama,kedua,ketiga,keempat, kelima, keenam.
3. Cara membuat
form baru ialah klik pada src dan pada layout, lalu klik new -> other -> Android
-> Android Java Application.
4. Dibawah ini
ialah form pertama
setelah kita menekan
button1 (kalkulator) lalu muncul dibawah ini :
5. Dibawah ini ialah koding pada activity_main
(kalkulator) :
<TableLayout android:orientation="vertical"
android:layout_height="wrap_content"
android:layout_width="fill_parent">
<TableRow android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/tableRow1"
android:layout_weight="1">
<TextView android:id="@+id/textview1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="angka1"></TextView>
<EditText android:text=" "
android:layout_height="wrap_content"
android:id="@+id/angka1"
android:inputType="numberDecimal"
android:layout_width="40dip"></EditText>
</TableRow>
<TableRow android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/tableRow1"
android:layout_weight="1">
<TextView android:id="@+id/textView1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Angka 2"></TextView>
<EditText android:text=" "
android:layout_height="wrap_content"
android:id="@+id/angka2"
android:layout_width="50dip"></EditText>
</TableRow>
<View android:background="#FF909090"
android:layout_width="wrap_content"
android:id="@+id/view1"
android:layout_height="2dip"></View>
<View android:background="#FF909090"
android:layout_width="wrap_content"
android:id="@+id/view1"
android:layout_height="2dip"></View>
<TableRow android:id="@+id/tableRow2"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<Button
android:id="@+id/tambah"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="50dip"
android:layout_marginTop="7dip"
android:gravity="center_vertical|left"
android:tag="reset all"
android:text="Tambah" />
<Button
android:id="@+id/bagi"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="50dip"
android:layout_marginTop="7dip"
android:gravity="center_vertical|left"
android:tag="reset all"
android:text="Bagi" />
</TableRow>
<TableRow android:id="@+id/tableRow3"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<Button
android:id="@+id/kurang"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="50dip"
android:layout_marginTop="7dip"
android:gravity="center_vertical|left"
android:tag="reset all"
android:text="Kurang" />
<Button
android:id="@+id/kali"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="50dip"
android:layout_marginTop="7dip"
android:gravity="center_vertical|left"
android:tag="reset all"
android:text="Kali" />
</TableRow>
<TableRow
android:id="@+id/tableRow3"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<Button
android:id="@+id/reset"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="50dip"
android:layout_marginTop="7dip"
android:gravity="left|center_vertical"
android:tag="reset all"
android:text="Reset" />
</TableRow>
<View android:background="#FF909090"
android:layout_width="wrap_content"
android:id="@+id/view1"
android:layout_height="2dip"></View>
<TableRow android:id="@+id/tableRow2"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView android:id="@+id/textView1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Hasil :"
android:maxLines="2"
android:textStyle="bold"
android:textSize="15dip"></TextView>
<TextView android:text=""
android:layout_height="wrap_content"
android:id="@+id/hasil"
android:textStyle="bold"
android:textSize="20dip"
android:layout_width="wrap_content"></TextView>
</TableRow>
<TextView android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:maxLines="2"
android:textStyle="bold"
android:textSize="15dip"
android:id="@+id/hemat"
android:gravity="center_horizontal"
android:paddingTop="10dip"></TextView>
</TableLayout>
</RelativeLayout>
6. Dibawah ini
ialah koding pada kalkulator.java untuk menjalankan aplikasi kalkulator :
package com.example.tugas_uts;
import java.text.DecimalFormat;
import android.os.Bundle;
import android.app.Activity;
import android.text.Editable;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
public class Kalkulator extends Activity {
EditText angka1, angka2;
TextView hasil;
Editable isiangka1, isiangka2;
Button rset;
Button tmbah;
Button krang;
Button kli;
Button bgi;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_kalkulator);
hasil = (TextView) findViewById(R.id.hasil);
angka1 = (EditText) findViewById(R.id.angka1);
angka2 = (EditText) findViewById(R.id.angka2);
rset = (Button) findViewById(R.id.reset);
rset.setOnClickListener((OnClickListener) new itung());
tmbah = (Button) findViewById(R.id.tambah);
tmbah.setOnClickListener(new itung());
krang = (Button) findViewById(R.id.kurang);
krang.setOnClickListener(new itung());
bgi = (Button) findViewById(R.id.bagi);
bgi.setOnClickListener(new itung());
kli = (Button) findViewById(R.id.kali);
kli.setOnClickListener(new itung());
}
private class itung implements OnClickListener{
public void onClick(View v){
try{
switch(v.getId()){
case R.id.tambah:
Double a = Double.parseDouble(angka1.getText().toString());
Double b =
Double.parseDouble(angka2.getText().toString());
double hsl= a + b;
DecimalFormat df = new DecimalFormat("@@##");
hasil.setText(df.format(hsl));
break;
case R.id.kurang:
Double c =
Double.parseDouble(angka1.getText().toString());
Double d=
Double.parseDouble(angka2.getText().toString());
double hsll= c - d;
DecimalFormat dff = new DecimalFormat("@@##");
hasil.setText(dff.format(hsll));
break;
case R.id.kali:
Double e = Double.parseDouble(angka1.getText().toString());
Double f=
Double.parseDouble(angka2.getText().toString());
double hslll= e * f;
DecimalFormat dfff = new DecimalFormat("@@##");
hasil.setText(dfff.format(hslll));
break;
case R.id.bagi:
Double g = Double.parseDouble(angka1.getText().toString());
Double h=
Double.parseDouble(angka2.getText().toString());
double hsllll= g / h;
DecimalFormat dffff = new
DecimalFormat("@@##");
hasil.setText(dffff.format(hsllll));
break;
case R.id.reset:
angka1.setText("");
angka2.setText("");
hasil.setText("");
break;
}
}
catch (Exception e) {
}
}
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if
it is present.
getMenuInflater().inflate(R.menu.kalkulator, menu);
return true;
}
}
}
7. Berikut ini kita membuat form kedua (linear).
Dengan cara Menambahkan form terlebih dahulu, lalu
membuatnya kita klik tombol new -> android java application -> memberi
nama
pada project kita, yaitu linear. Berikut ini ialah desain
pada graphical Layout pada
Linear.
8. Berikut ini ialah koding untuk Linear pada
activity_linear.xml :
<RadioGroup
android:id="@+id/orientation"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="5px">
<RadioButton
android:id="@+id/horizontal"
android:text="horizontal"/>
<RadioButton
android:id="@+id/vertical"
android:text="vertical"/>
</RadioGroup>
<RadioGroup
android:id="@+id/gravity"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="5px">
<RadioButton
android:id="@+id/left"
android:text="left"/>
<RadioButton
android:id="@+id/center"
android:text="center"/>
<RadioButton
android:id="@+id/right"
android:text="right"/>
</RadioGroup>
</LinearLayout>
9. Berikut ini ialah koding untuk menjalankan
aplikasi Linear.
package com.example.tugas_uts;
import android.os.Bundle;
import android.app.Activity;
import android.view.Gravity;
import android.view.Menu;
import android.widget.LinearLayout;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
public class Linear extends Activity {
public class Main extends Activity implements
OnCheckedChangeListener {
private RadioGroup orientation, gravity;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
kontent();
}
public void kontent () {
orientation = (RadioGroup)
findViewById(R.id.orientation);
orientation.setOnCheckedChangeListener(this);
gravity = (RadioGroup) findViewById(R.id.gravity);
gravity.setOnCheckedChangeListener(this);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if
it is
present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
@Override
public void onCheckedChanged(RadioGroup arg0, int cinta)
{
// TODO Auto-generated method stub
switch (cinta) {
case R.id.horizontal:
orientation.setOrientation(LinearLayout.HORIZONTAL);
break;
case R.id.vertical:
orientation.setOrientation(LinearLayout.VERTICAL);
break;
case R.id.left:
gravity.setGravity(Gravity.LEFT);
break;
case R.id.center:
gravity.setGravity(Gravity.CENTER);
break;
case R.id.right:
gravity.setGravity(Gravity.RIGHT);
break;
}
}
}
}
10. Kita membuat form ketiga yang diberi nama
checkbox. Dibawah ini ialah form desain
untuk checkbox :
11. Dibawah ini ialah koding pada
activity_checkbox.xml untuk mendesain aplikasi
checkbox :
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<CheckBox
android:id="@+id/check"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:text="Centang Aku
Dong"></CheckBox>
</RelativeLayout>
12. Dibawah ini ialah koding pada checkbox.java
untuk menjalankan aplikasi checkbox :
package com.example.tugas_uts;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import
android.widget.CompoundButton.OnCheckedChangeListener;
public class Checkbox extends Activity implements
OnCheckedChangeListener {
CheckBox cb;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
cb = (CheckBox) findViewById(R.id.check);
cb.setOnCheckedChangeListener(this);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if
it is
present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
@Override
public void onCheckedChanged(CompoundButton arg0, boolean
dicek) {
// TODO Auto-generated method stub
if (dicek){
cb.setText("Aku Telah Dicentang,Terimakasih");
} else {
cb.setText("Aku Tidak Dicentang, ;(");
}
}
}
13. Lalu kita
membuat form keempat yaitu listView. Dibawah ini ialah desain pada form listview.
14. Berikut ini ialah koding untuk mendesain pada
form listview :
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<TextView
android:id="@+id/yangDipilih"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
<ListView
android:id="@android:id/list"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:drawSelectorOnTop="false"
/>
</LinearLayout>
15. Dibawah ini
ialah koding (listview.java) untuk menjalankan aplikasi listview :
package com.example.tugas_uts;
import android.os.Bundle;
import android.app.ListActivity;
import android.view.Menu;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;
public class Listview extends ListActivity {
/** Called when the activity is first created. */
TextView seleksi; String[] pilihan = { "Senin",
"Selasa", "Rabu", "Kamis",
"Jum'at", "Sabtu"};
@Override protected void onCreate(Bundle
savedInstanceState)
{ super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
setListAdapter(new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1, pilihan)); }
public void onListItemClick(ListView parent, View v, int
posisi, long id)
{ Toast.makeText(getBaseContext(), "hari " +
pilihan[posisi],
Toast.LENGTH_LONG).show(); }
@Override public boolean onCreateOptionsMenu(Menu menu) {
return false; // Inflate the menu; this adds items to the
action bar if it
is present. getMenuInflater().inflate(R.menu.main, menu);
return true; }
}
}
16. Berikut ialah cara pembuatan form kelima yaitu
aplikasi Tablelayout. Dibawah ini merupakan form yang telah didesain.
17. Dibawah ini ialah koding untuk mendesain pada
aplikasi tablelayout.
<TableLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/TableLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<TableRow >
<Button
android:id="@+id/bckbutton"
android:text="Back"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</TableRow>
<TableRow >
<TextView
android:text="First Name :"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_column="1"
/>
<EditText
android:width="100px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</TableRow>
<TableRow >
<TextView
android:text="Last Name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_column="1"
/>
<EditText
android:width="100px"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</TableRow>
<TableRow >
<Button
android:id="@+id/btnpanjang"
android:text="Aku Button Panjang"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_span="4"
/>
</TableRow>
</TableLayout>
18. Dibawah ini merupakan koding pada tablelayout.java
untuk menjalankan aplikasi pada tablelayout :
package com.example.tugas_uts;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
public class Tablelayout extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if
it is
present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}
19. Berikut ialah
form keenam, yaitu imageview. Dibawah ini form yang baru didesain.
20. Dibawah ini ialah sintak untuk pembuatan form
imageview pada
activity_imageview.xml
:
<TableLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/TableLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<TableRow>
<RelativeLayout >
<Button
android:id="@+id/view2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="view2"
android:height="75dp"
android:width="135dp"/>
<Button
android:id="@+id/view1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="view1"
android:width="135dp"
android:height="150dp"
android:layout_toRightOf="@id/view2" />
<Button
android:id="@+id/view3"
android:text="view3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/view2"
android:height="75dp"
android:width="135dp"/>
</RelativeLayout>
</TableRow>
<TableRow >
<RelativeLayout >
<Button
android:id="@+id/view4"
android:text="view4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:height="80dp"
android:width="270dp"/>
</RelativeLayout>
</TableRow>
<TableRow >
<RelativeLayout >
<Button
android:id="@+id/view5"
android:text="view5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:width="135dp"
android:height="150dp"/>
<Button
android:id="@+id/view6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="view6"
android:height="75dp"
android:width="135dp"
android:layout_toRightOf="@id/view5"/>
<Button
android:id="@+id/view7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_below="@+id/view6"
android:height="75dp"
android:text="view7"
android:width="135dp" />
</RelativeLayout>
</TableRow>
</TableLayout>
21. Koding dibawah
ini ialah untuk menjalankan aplikasi imageview pada imageview.java :
package com.example.tugas_uts;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
public class Imageview extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if
it is
present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}
V. Berikut ini
ialah koding pada activity_main.xml :
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button2"
android:layout_alignParentTop="true"
android:text="Tugas Praktikum 1" />
<Button
android:id="@+id/button6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button5"
android:layout_below="@+id/button5"
android:layout_marginTop="20dp"
android:text="Tugas Praktikum 6" />
<Button
android:id="@+id/button5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button4"
android:layout_below="@+id/button4"
android:layout_marginTop="22dp"
android:text="Tugas Praktikum 5" />
<Button
android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button3"
android:layout_below="@+id/button3"
android:layout_marginTop="24dp"
android:text="Tugas Praktikum 4" />
<Button
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button2"
android:layout_below="@+id/button2"
android:layout_marginTop="21dp"
android:text="Tugas Praktikum 3" />
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/button1"
android:layout_centerHorizontal="true"
android:layout_marginTop="20dp"
android:text="Tugas Praktikum 2" />
</RelativeLayout>
VI. Dibawah ini
adalah sintak untuk menjalankan dan sintak untuk memanggil formform pada form
1,2,3,4,5,6 dapat berjalan.
packagecom.doe.multiscreenapp;
importandroid.os.Bundle;
importandroid.app.Activity;
importandroid.content.Intent;
importandroid.view.Menu;
importandroid.view.View;
importandroid.widget.Button;
publicclassMainActivityextends Activity {
Button btn1;
@Override
protectedvoidonCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
btn1=(Button)findViewById(R.id.button1);
btn1.setOnClickListener(newView.OnClickListener() {
btn2=(Button)findViewById(R.id.button2);
btn2.setOnClickListener(newView.OnClickListener() {
btn3=(Button)findViewById(R.id.button3);
btn3.setOnClickListener(newView.OnClickListener() {
btn4=(Button)findViewById(R.id.button4);
btn4.setOnClickListener(newView.OnClickListener() {
btn5=(Button)findViewById(R.id.button5);
btn5.setOnClickListener(newView.OnClickListener() {
btn6=(Button)findViewById(R.id.button6);
btn6.setOnClickListener(newView.OnClickListener() {
@Override
publicvoidonClick(View arg0) {
// TODO Auto-generated method stub
Intent
form2=newIntent(getBaseContext(),Form2.class);
startActivity(form2);
}
});
}
@Override
publicbooleanonCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if
it is present.
getMenuInflater().inflate(R.menu.main, menu);
returntrue;
}
}
VII. Berikut ini ialah hasil output dari Aplikasi
Multiscreen.
a. Form 1
(Kalkulator) :
b. Form 2 (Linear)
:
c. Form 3
(Checkbox) :
d. Form 4
(Listview) :
e. Form 5
(Tablelayout) :
f. Form 6
(ImageView) :
