Featured Articles
All Stories

Saturday, 16 July 2016

Cara membuat TextView pada Eclipse



Pada android terdapat widget dasar yang harus benar-benar kita pahami diantaranyayaitu:  TextView, Button, Image, EditText, CheckBox, RadioButton, ListView.  

Setiap widget memiliki property atau atribut yang mengatur bagaimana widget itu ditampilkan, seperti tinggi dan lebar widget. Property ini dapat diset melalui xml layout, property editor atau melalui program. Beberapa widget memiliki beberapa event yang ter-trigger berdasarkan aksi dari pengguna, misalnya event click pada button.

Detil property dan event untuk setiap widget dapat dilihat di: http://developer.android.com/reference/android/widget/package-summary.html  (scroll sedikit ke bawah, di bagian classes)

Tapi kali ini akan kita bahas salah satu widget yang terpenting. Silahkan buat project baru.

Text View

TextView digunakan untuk menampilkan label teks. View ini sudah kita gunakan  Beberapa contoh property dari TextView adalah android:textSize, android:textStyle, android:textColor. Coba tambahkan textview standard dengan atribut dibawah.


Hasil :


Catatan: pada atribut textSize, direkomendasikan menggunakan ukuran sp. sp merupakan singkatan  dari scaled-pixel yang memperhitungkan kepadatan resolusi dan juga preferensi ukuran font dari pengguna.
·   0

Cara membuat aplikasi android kalkulator sederhana dengan Eclipse


Disini saya akan sharing bagaimana cara membuat aplikasi android kalkulator sederhana dengan menggunakan compiler Eclipse. Dibawah ini contoh desain aplikasi kalkulator sederhana.



Berikut langkah-langkahnya :

1.Pertama anda terlebih dahulu buka compiler eclipse.
2.Lalu buat project baru dengan cara click di pojok kiri atas File, New, Android Aplication Project.

3.Isi Aplication Name dengan kalkulator.

4.Pilih Minimum Requirement SDK terserah anda kalau disini saya memilih OS Jelly Bean.

5.Seteleh itu klik next.
6.Pada Create Activity pilih Blank Activity lalu click next dan finish.

7.Copy Program untuk xml nya dibawah ini.

<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" >

    <EditText
        android:id="@+id/txtInputan1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:hint="Input angka" >

        <requestFocus />
    </EditText>

    <EditText
        android:id="@+id/txtInputan2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:hint="Input angka" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/btnKurang"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="actionKurang"
            android:text="-" />

        <Button
            android:id="@+id/btnKurang"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="actionTambah"
            android:text="+" />

        <Button
            android:id="@+id/btnKali"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="actionKali"
            android:text="x" />

        <Button
            android:id="@+id/btnBagi"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="actionBagi"
            android:text=":" />

    </LinearLayout>

    <TextView
        android:id="@+id/textviewHasil"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hasil" />

</LinearLayout>


8.Langkah terakhir copy program dibawah ini pada MainActivity.

package com.kalkulator;

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

public class MainActivity extends Activity {

EditText Inputan1, Inputan2;
TextView viewHasil;
double angka1, angka2, hasil;
String hasilakhir;


@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);


}

public void actionKurang(View v){
EditText Inputan1 = (EditText) findViewById(R.id.txtInputan1);
    EditText Inputan2 = (EditText) findViewById(R.id.txtInputan2);
    viewHasil = (TextView) findViewById(R.id.textviewHasil);
   
   
    angka1 = Double.parseDouble(Inputan1.getText().toString());
    angka2 = Double.parseDouble(Inputan2.getText().toString());
   
    hasil = angka1 - angka2;
    hasilakhir = String.valueOf(hasil);
    viewHasil.setText(hasilakhir);
}

public void actionTambah(View v){
EditText Inputan1 = (EditText) findViewById(R.id.txtInputan1);
    EditText Inputan2 = (EditText) findViewById(R.id.txtInputan2);
    viewHasil = (TextView) findViewById(R.id.textviewHasil);
   
   
    angka1 = Double.parseDouble(Inputan1.getText().toString());
    angka2 = Double.parseDouble(Inputan2.getText().toString());
   
    hasil = angka1 + angka2;
    hasilakhir = String.valueOf(hasil);
    viewHasil.setText(hasilakhir);
}

public void actionKali(View v){
EditText Inputan1 = (EditText) findViewById(R.id.txtInputan1);
    EditText Inputan2 = (EditText) findViewById(R.id.txtInputan2);
    viewHasil = (TextView) findViewById(R.id.textviewHasil);
   
   
    angka1 = Double.parseDouble(Inputan1.getText().toString());
    angka2 = Double.parseDouble(Inputan2.getText().toString());
   
    hasil = angka1 * angka2;
    hasilakhir = String.valueOf(hasil);
    viewHasil.setText(hasilakhir);
}

public void actionBagi(View v){
EditText Inputan1 = (EditText) findViewById(R.id.txtInputan1);
    EditText Inputan2 = (EditText) findViewById(R.id.txtInputan2);
    viewHasil = (TextView) findViewById(R.id.textviewHasil);
   
   
    angka1 = Double.parseDouble(Inputan1.getText().toString());
    angka2 = Double.parseDouble(Inputan2.getText().toString());
   
    hasil = angka1 / angka2;
    hasilakhir = String.valueOf(hasil);
    viewHasil.setText(hasilakhir);
}
@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;
}

}


·   11

Friday, 15 July 2016

Cara menginstall dan mensetting Eclipse


   Instalasi Eclipse
Untuk membuat program android, ada beberapa program yang harus di instal Antara lain:
A.  Java JDK
Untuk mendapatkan Java SDK terbaru, anda dapat mendownload di http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html
B.  SDK ADT Bundle for Windows
Download SDK ADT Bundle for Windows di http://developer.android.com/sdk/index.html. Setelah Download ekstrak file tersebut, seperti terlihat pada gambar dibawah ini.

Didalam folder tersebut terdapat 2 folder :


Untuk membuat project aplikasi android jalankan eclipse.exe  terlebih daluhu yang ada dalam folder eclipse dengan cara double click.


Akan tampil screen seperti dibawah ini :


Lalu akan tampil Workspace Launcher, pilih folder yang berfungsi sebagai tempat project android.


Tampilan Awal Eclipse terlihat seperti gambar di bawah ini :


    
 Mebuat Virtual Device Manager
Buat virtual device terlebih dahulu sebelum menjalankan project android. Berikut ini cara-cara AVD (Android Virtual Device)

A.    Pilih Menu AVD
B.     Pilih New


C.     Setting konfigurasi seperti terlihat pada gambar, lalu Ok.


D.    Untuk menjalankan AVD, pilih AVD yang telah kita buat lalu Start


E.     Pilih Launch

F.      Tampilan Emulator Android akan muncul, tunggu beberapa waktu
.

·   1