Selasa, 07 Oktober 2014

Membuat aplikasi android pertama "Kalkulator"

Helo guys, kali ini saya akan sharing bagaimana membuat aplikasi pertama android. Pertama yang kita butuhkan adalah software, yaitu :

  • Eclipse + ADT plugin
  • Android SDK Tools
  • Android Platform-tools
  • A version of the Android platform
  • A version of the Android system image for the emulator
Dan sudah sepaket lengkap di link berikut ini Download

Kita akan membuat seperti :





1. Buat new android application project :


2. Kemudian beri nama "myapp" :


3. Klik next, next, next, dan uncheck "Create Activity" kemudian finish.
4. Susunan project :


5. Lalu, klik kanan di src, New => Package => Ketikkan dikolom 'name' yaitu : com.example.myapp lalu klik finish.
6. Setelah itu, klik kanan di package 'com.example.myapp', New => Class => Ketikkan di kolom 'Name' yaitu : MainActivity klik finish.

package com.example.myapp;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Spinner;
import android.widget.TextView;

public class MainActivity extends Activity {
 

   public EditText angka1, angka2;
   public TextView total;
   public String num1, num2;
   public Double hasil;
   public Spinner spinner;
   public Button btnsubmit;
   
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main_layout);

  spinner = (Spinner) findViewById(R.id.dropdownmenu);
  
  ArrayAdapter adapter = ArrayAdapter.createFromResource(this,
          R.array.hitung, android.R.layout.simple_spinner_item);
  adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
  spinner.setAdapter(adapter);
  
  angka1 = (EditText) findViewById(R.id.angka1);
  angka2 = (EditText) findViewById(R.id.angka2);
  total = (TextView) findViewById(R.id.total);
  btnsubmit = (Button) findViewById(R.id.submit);
  
  btnsubmit.setOnClickListener(new OnClickListener() {

   public void onClick(View v) {
    
    String aksi = String.valueOf(spinner.getSelectedItem());
    num1 = angka1.getText().toString();
    num2 = angka2.getText().toString();
    
    double na1 = num1.length() > 0 ? Double.valueOf(num1) : 0;
             double na2 = num2.length() > 0 ? Double.valueOf(num2) : 0;

    if (aksi.equals("tambah")) {
     
     hasil = na1 + na2;
     
    } else if(aksi.equals("kurang")) {

     hasil = na1 - na2;
     
    } else if(aksi.equals("bagi")) {

     hasil = na1 / na2;
     
    } else {

     hasil = na1 * na2;

    }
    
    total.setText("Hasilnya " + Double.toString(hasil));

    
    /*Toast.makeText(MainActivity.this, 
      "OnItemSelectedListener : " + aksi,
      Toast.LENGTH_SHORT).show();*/
       
      }
  });
  
  
 }

}




7. Membuat layout xml untuk tampilan nya : Klik kanan pada folder layout (didalam folder res), New => Android XML File => ketikkan dikolom name 'main_layout' => klik finish.

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


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        android:padding="10dp">

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingTop="10dp"
            android:layout_centerInParent="true"
            android:text="Kalkulator Sederhana"
            android:textAppearance="?android:attr/textAppearanceMedium" />

    </RelativeLayout>


    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="10dp">
        
        
    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Masukkan Angka 1" />
    

    <EditText
        android:id="@+id/angka1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="number" >

        <requestFocus />
    </EditText>

        
    </LinearLayout>
    
    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="10dp">
    

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Masukkan Angka 2" />

    <EditText
        android:id="@+id/angka2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="number" />
    
    
    </LinearLayout>

    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="10dp">
    
    <TextView
        android:id="@+id/textView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Pilih " />
    
    <Spinner
        android:id="@+id/dropdownmenu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
    
</LinearLayout>

    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="10dp">

    <Button
        android:id="@+id/submit"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Submit" />
    
</LinearLayout>

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

        <TextView
            android:id="@+id/total"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:textAppearance="?android:attr/textAppearanceLarge" />

    </RelativeLayout>
</LinearLayout>

8. Dan satu lagi, di folder res => value => strings.xml 
<resources>

    <string name="app_name">myapp</string>
    
    <string-array name="hitung">
        <item>tambah</item>
        <item>kurang</item>
        <item>bagi</item>
        <item>kali</item>
    </string-array>

</resources>

9. Dan Run ^^

Source code nya download disini
Terimakasih sudah mampir :)

Categories: , , ,

0 komentar:

Posting Komentar

Copyright © mzennis | Powered by Blogger

Design by Anders Noren | Blogger Theme by NewBloggerThemes.com | BTheme.net      Up ↑