About All The Things: November 2013

Berikut ini adalah cara membuat beberapa aplikasi android yaitu Kalkulator, Linear, CheckBox, Listview, TabLayout, ImagesView, MultiScreen.
 Untuk membuat project baru yaitu dengan cara sebagai berikut :
1. Buka Eclipse – pilih file – new – Android Application Project..
2. Isi Application Name misal MultiScreenApp – klik next..
3. Pilih tempat penyimpanan file klik browse – lalu klik next..
4. Pada Configure Launcher Icon setting icon sesuai keinginan – klik next..
5. Pada Create Activity pilih Blank Activity – klik next..
6. Pada Blank Activity biarkan apa adanya lalu klik finish...
7. Maka akan tampil seperti ini..
8. Untuk menjalankan aplikasi, terlebih dahulu pilih menu klik window – pilih android virtual device manager – klik new- lengkapi create new android virtual device – klik ok – klik start – klik launch. Kemudian akan tampil seperti ini..
Lalu klik kanan pada project yang kita buat pilih run as – android application.
 Membuat MultiScreen :
1. Ketikan coding dibawah ini pada activity_main.xml, pada package explorer pilih res – layout – activity_main.xml
<RelativeLayoutxmlns: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_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginLeft="40dp"
android:layout_marginTop="40dp"
android:text="@string/x"/>
</RelativeLayout>
2. Maka pada graphical layout akan tampil seperti ini..
Buat graphical layout seperti di bawah ini..
3. Membuat form..
Pada package explorer klik kanan pada src – new – other – Android – Android activity – beri nama form2 pada Activity Name – finish .
4. Ketikan coding dibawah ini pada MainActivity.java, pada package explorer pilih src – MainActivity.java...
package com.kayadoe.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() {
@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;
}
}
 Membuat Kalkulator :
1. Setelah membuat form2 pada MultiScreen maka pada form2 tersebut buat aplikasi kalkulator. Ketikan coding dibawah ini pada activity_form2.xml, pada package explorer pilih res – layout – activity_form2.xml
<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>
2. Ketikan coding dibawah ini pada form2.java, pada package explorer pilih src – form2.java...
public class form2 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_main_tugas_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(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){
}
3. Hasil.
 Membuat Linear :
1. Buat form lagi lalu ketikan coding dibawah ini pada activity_form3.xml, pada package explorer pilih res – layout – activity_form3.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/LinearLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
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" >
<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>
2. Ketikan coding dibawah ini pada form3.java, pada package explorer pilih src – form3.java...
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 form3 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;
}
}
3. Hasil
 Membuat CheckBox dan ListView
 Listview
1. Buat form lagi lalu ketikan coding dibawah ini pada .xml
<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>
2. Ketikan coding dibawah ini pada .java...
package com.kayadoe.multiscreenapp;
package com.example.listview;
import android.os.Bundle;
import android.app.Activity;
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 form4 extends Activity {
TextView seleksi;
String[] pilihan = { "Senin", "Selasa", "Rabu", "Kamis", "Jum'at",
"Sabtu","minggu"};
@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(), "anda memilih " + pilihan[posisi], Toast.LENGTH_LONG).show();
}
@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;
}
3. Hasil.
 CheckBox
1. Buat form lagi lalu ketikan coding dibawah ini pada .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" >
<CheckBox
android:id="@+id/check"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/checkBox" >
</CheckBox>
</RelativeLayout>
2. Ketikan coding dibawah ini pada .java...
package com.kayadoe.multiscreenapp;
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 form5 extends Activity implements OnCheckedChangeListener {
//memesan variabel
CheckBox cb;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//proses instansiasi / pencarian id
cb = (CheckBox) findViewById(R.id.check);
//proses set cb dg checked agr proses centang'a berfungsi
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("horree,aku dicentang");
} else {
cb.setText("Aku Tidak di centang;(");
}
}
3. Hasil.
 Membuat TabLayout
1. Buat form lagi lalu ketikan coding dibawah ini pada .xml
<TableLayoutxmlns: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="Button Panjang"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_span="4"
/>
</TableRow>
</TableLayout>
2. Ketikan coding dibawah ini pada .java...
package com.kayadoe.multiscreenapp;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
public class form6 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;
}
}
3. Hasil.
 Membuat ImagesView
1. Buat form lagi lalu ketikan coding dibawah ini pada .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>
2. Hasil.

Pages

About All The Things

About Me

Labels

Popular Posts

Rabu, 20 November 2013

tugas uts

Selasa, 12 November 2013

layout manager Android

Labels

Free Ongkir Blibli

Blog Archive

Followers