Tuesday, April 11, 2017

[MOBILE PROGRAMMING] WIDGET VIEW - Toggle Button

ToggleButton ini seperti check box atau radio button. Button ini mengarah pada On dan Off. ToggleButton akan menampikan green-bar pada keadaan On dan grayed-outbar pada keadaan Off. Selain itu juga, button akan bertuliskan On pada saat keadaan On dan bertuliskan Off pada saat keadaan Off. Berikut ini adalah potongan kode definisi pebuatan button dalam bentuk XML:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
<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" >

    <ToggleButton
        android:id="@+id/cctglBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/button"
        android:textOff="Stop"
        android:textOn="Run" />

</RelativeLayout>


Kemudian pada folder res/value/strings.xml
1
2
3
4
5
6
7
8
9
<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">ToggleBUtton01</string>
    <string name="action_settings">Settings</string>
    <string name="hello_world">Hello world!</string>
    <string name="button">Toggle Button</string>

</resources>


Berikut ini adalah kode pemanggilan button menggunakan code Java:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
package com.example.togglebutton01;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity 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;
    }
    
}


Hasil potongan kode di atas adalah sebagai berikut:

Toggle Button Run
Toggle Button Stop

No comments:

Post a Comment