TUGAS

PEMROGRAMAN APLIKASI MOBILE

TUGAS 4 USER INTERFACE CONTROL

DI SUSUN OLEH:
KURNIAWAN UTOMO SANTOSO (140155201061)

TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MARITIM RAJA ALI HAJI
2016

1. Button
a. File MainActivity.java
package com.example.button;
import
import
import
import
import
import
import

android.app.Activity;
android.os.Bundle;
android.view.Menu;
android.view.MenuItem;
android.view.View;
android.widget.Button;
android.widget.Toast;

public class MainActivity extends Activity {

Button b1,b2,b3;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
b1=(Button)findViewById(R.id.button);
b1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(MainActivity.this,"Pesan
Dikirim",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;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();

//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);

b. File 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" >
<EditText
android:id="@+id/editText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="50dp"
android:ems="10" >
<requestFocus />
</EditText>
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignEnd="@+id/editText"
android:layout_below="@+id/editText"
android:layout_centerHorizontal="true"
android:layout_marginTop="24dp"
android:text="OK" />
</RelativeLayout>

c. Hasil

2. CheckBox
a. File MainActivity.java
package com.example.checkbox;
import
import
import
import
import
import
import
import

android.os.Bundle;
android.app.Activity;
android.view.Menu;
android.view.View;
android.view.View.OnClickListener;
android.widget.Button;
android.widget.CheckBox;
android.widget.Toast;

public class MainActivity extends Activity {

CheckBox ch1,ch2,ch3,ch4;
Button b1,b2,b3,b4;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ch1=(CheckBox)findViewById(R.id.CheckBox1);
ch2=(CheckBox)findViewById(R.id.CheckBox2);
ch3=(CheckBox)findViewById(R.id.CheckBox3);
ch4=(CheckBox)findViewById(R.id.CheckBox4);
b1=(Button)findViewById(R.id.button1);
b2=(Button)findViewById(R.id.button2);
b2.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
finish();
}
});
b1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
StringBuffer result = new StringBuffer();
result.append("Thanks : ").append(ch1.isChecked());
result.append("Thanks: ").append(ch2.isChecked());
result.append("Thanks : ").append(ch3.isChecked());
result.append("\nThanks: ").append(ch4.isChecked());
Toast.makeText(MainActivity.this, result.toString(),
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;
}

b. File acitivity_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" >
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:text="Hobi Favorit :"
android:textSize="30dp" />
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignEnd="@+id/textView1"
android:layout_alignLeft="@+id/checkBox1"
android:layout_alignRight="@+id/textView1"
android:layout_below="@+id/textView1"
android:layout_marginTop="39dp"
android:textColor="#ff87ff09"
android:textSize="30dp" />
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/CheckBox1"
android:layout_alignParentBottom="true"
android:layout_alignStart="@+id/CheckBox1"
android:text="Ok" />
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignEnd="@+id/textView2"
android:layout_alignParentBottom="true"
android:layout_alignRight="@+id/textView2"
android:text="Cancel" />

<CheckBox
android:id="@+id/CheckBox2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/CheckBox3"
android:layout_alignStart="@+id/CheckBox2"
android:layout_centerVertical="true"
android:checked="false"
android:text="Tidur" />
<CheckBox
android:id="@+id/CheckBox1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/CheckBox3"
android:layout_toLeftOf="@+id/button2"
android:text="Membaca" />
<CheckBox
android:id="@+id/CheckBox3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/CheckBox2"
android:layout_alignLeft="@+id/CheckBox1"
android:layout_alignStart="@+id/CheckBox3"
android:checked="false"
android:text="Menulis " />
<CheckBox
android:id="@+id/CheckBox4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/CheckBox2"
android:layout_alignStart="@+id/CheckBox4"
android:layout_below="@+id/CheckBox2"
android:checked="false"
android:text="Bermain " />
</RelativeLayout>

c. Hasil

3. Edit Text
a. File MainActivity.java
package com.example.edittext;
import android.os.Bundle;
import
import
import
import
import
import
import

android.app.Activity;
android.view.Menu;
android.view.View;
android.view.View.OnClickListener;
android.widget.Button;
android.widget.EditText;
android.widget.Toast;

public class MainActivity extends Activity {

EditText eText;
Button btn;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
eText = (EditText) findViewById(R.id.edittext);
btn = (Button) findViewById(R.id.button);
btn.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
String str = eText.getText().toString();
Toast msg = Toast.makeText(getBaseContext(),str,Toast.LENGTH_LONG);
msg.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;
}

b. File 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" >
<TextView

android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginLeft="14dp"
android:layout_marginTop="18dp"
android:text="@string/example_edittext" />
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/textView1"
android:layout_below="@+id/textView1"
android:layout_marginTop="130dp"
android:text="@string/show_the_text" />
<EditText
android:id="@+id/edittext"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button"
android:layout_below="@+id/textView1"
android:layout_marginTop="61dp"
android:ems="10"
android:text="@string/enter_text" android:inputType="text" />
</RelativeLayout>

c. Hasil

4. Progress Bar
a. File Main Activity.java
package com.example.progressbar;
import
import
import
import
import
import
import

android.app.Activity;
android.app.ProgressDialog;
android.os.Bundle;
android.os.Handler;
android.widget.Button;
android.view.View;
android.view.View.OnClickListener;

public class MainActivity extends Activity {

Button btnStartProgress;
ProgressDialog progressBar;
private int progressBarStatus = 0;
private Handler progressBarHandler = new Handler();
private long fileSize = 0;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
addListenerOnButton();
}
public void addListenerOnButton() {
btnStartProgress = (Button) findViewById(R.id.button1);
btnStartProgress.setOnClickListener(
new OnClickListener() {
@Override
public void onClick(View v) {
// prepare for a progress bar dialog
progressBar = new ProgressDialog(v.getContext());
progressBar.setCancelable(true);
progressBar.setMessage("File downloading ...");
progressBar.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
progressBar.setProgress(0);
progressBar.setMax(100);
progressBar.show();
//reset progress bar status
progressBarStatus = 0;
//reset filesize

fileSize = 100000;
new Thread(new Runnable() {
public void run() {
while (progressBarStatus < 100) {
// process some tasks
progressBarStatus = doSomeTasks();
// your computer is too fast, sleep 1 second
try {
Thread.sleep(500);
} catch (InterruptedException e) {
e.printStackTrace();
}

// Update the progress bar

progressBarHandler.post(new Runnable() {
public void run() {
progressBar.setProgress(progressBarStatus);
}
});

// ok, file is downloaded,

if (progressBarStatus >= 100) {
// sleep 2 seconds, so that you can see the 100%
try {
Thread.sleep(2000);
} catch (InterruptedException e) {
e.printStackTrace();
}

// close the progress bar dialog

progressBar.dismiss();

}
}).start();
}
});
}
// file download simulator... a really simple
public int doSomeTasks() {
while (fileSize <= 1000000) {
fileSize++;
if (fileSize == 100000) {
return 10;

} else if (fileSize ==
return 20;
} else if (fileSize ==
return 30;
} else if (fileSize ==
return 30;
} else if (fileSize ==
return 40;
} else if (fileSize ==
return 50;
} else if (fileSize ==
return 60;
} else if (fileSize ==
return 70;
} else if (fileSize ==
return 80;
} else if (fileSize ==
return 90;
}

200000) {
300000) {
300000) {
400000) {
500000) {
600000) {
700000) {
800000) {
900000) {

// ...add your own

}
return 100;
}
}

b. File 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:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context=".MainActivity">
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="52dp"
android:text="Download File"
android:textColor="#ff16ff01"
android:textSize="35dp" />
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"

android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:layout_marginStart="125dp"
android:onClick="download"
android:text="Download" />
</RelativeLayout>

c. Hasil

5. Radio Button
a. File MainActivity.java
package com.example.radiobutton;
import
import
import
import
import
import

android.os.Bundle;
android.app.Activity;
android.widget.RadioButton;
android.widget.RadioGroup;
android.widget.RadioGroup.OnCheckedChangeListener;
android.widget.Toast;

public class MainActivity extends Activity implements OnCheckedChangeListener

{
RadioButton rb1,rb2,rb3;
RadioGroup rg;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
rg = (RadioGroup)findViewById(R.id.rg);
rb1 = (RadioButton)findViewById(R.id.rbCash);
rb2 = (RadioButton)findViewById(R.id.rbCredit);
rb3 = (RadioButton)findViewById(R.id.rbTransfer);
rg.setOnCheckedChangeListener(this);

}
public void onCheckedChanged(RadioGroup group,
int checkedId) {
if(checkedId==R.id.rbCash)
{
Toast.makeText(this, "Cara Pembayaran Anda : Cash",
Toast.LENGTH_SHORT).show();
}
if(checkedId==R.id.rbCredit)
{
Toast.makeText(this, "Cara Pembayaran Anda : Credit",
Toast.LENGTH_SHORT).show();
}
if(checkedId==R.id.rbTransfer)
{
Toast.makeText(this, "Cara Pembayaran Anda : Transfer",
Toast.LENGTH_SHORT).show();
}
}
}

b. File 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" >
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="16dp"
android:text="Pilih Cara Pembayaran :"
android:textSize="20sp" />
<RadioGroup
android:id="@+id/rg"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
<RadioButton
android:id="@+id/rbCash"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Cash" />

</RadioGroup>
<RadioButton
android:id="@+id/rbCredit"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Credit" />
<RadioButton
android:id="@+id/rbTransfer"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Transfer" />
</LinearLayout>

c. Hasil

6. Time Picker
a. File MainActivity.java
package com.example.timepicker;
import java.util.Calendar;
import
import
import
import
import
import

android.app.Activity;
android.os.Bundle;
android.view.Menu;
android.view.View;
android.widget.TextView;
android.widget.TimePicker;

public class MainActivity extends Activity {

private TimePicker timePicker1;
private TextView time;
private Calendar calendar;
private String format = "";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
timePicker1 = (TimePicker) findViewById(R.id.timePicker1);
time = (TextView) findViewById(R.id.textView1);
calendar = Calendar.getInstance();
int hour = calendar.get(Calendar.HOUR_OF_DAY);
int min = calendar.get(Calendar.MINUTE);
showTime(hour, min);
}
public void setTime(View view) {
int hour = timePicker1.getCurrentHour();
int min = timePicker1.getCurrentMinute();
showTime(hour, min);
}
public void showTime(int hour, int min) {
if (hour == 0) {
hour += 12;
format = "AM";
}
else if (hour == 12) {
format = "PM";
} else if (hour > 12) {
hour -= 12;
format = "PM";
} else {
format = "AM";
}
time.setText(new StringBuilder().append(hour).append(" : ").append(min)

.append(" ").append(format));
}
@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;
}
}

b. File 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" >
<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:text="Pilih Jam Keberangkatan"
android:textAppearance="?android:attr/textAppearanceMedium" />
<Button
android:id="@+id/set_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="180dp"
android:onClick="setTime"
android:text="SUBMIT" />
<TimePicker
android:id="@+id/timePicker1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/set_button"
android:layout_centerHorizontal="true"
android:layout_marginBottom="24dp" />
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/timePicker1"

android:layout_alignTop="@+id/set_button"
android:layout_marginTop="67dp"
android:text="Waktu Keberangkatan Adalah"
android:textAppearance="?android:attr/textAppearanceMedium" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/textView3"
android:layout_centerHorizontal="true"
android:layout_marginTop="50dp"
android:text="@string/time_selected"
android:textAppearance="?android:attr/textAppearanceMedium" />
</RelativeLayout>

c. Hasil