Membuat Group Menu pada Aplikasi Android

Assalamualaiqum

Pada kesempatan ini saya akan kembali membagikan pengetahuan yaitu cara membuat group menu pada android menggunakan ADT Eclipse.

Ok langsung saja.

1. Buat project baru.
2. Isikan source code pada file activity_main.xml

<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android&#8221;
    xmlns:tools=”http://schemas.android.com/tools&#8221;
    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:layout_width=”wrap_content”
        android:layout_height=”wrap_content”
        android:text=”@string/hello_world” />

</RelativeLayout>

3. Source code MainActivity.java

package example.groupmenu; import android.app.Activity;

import android.os.Bundle;

import android.view.Menu;

import android.view.MenuItem;

import android.widget.Toast;

public class MainActivity extends Activity {

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// menu(group id, id, order,title )

menu.add(0, 1, 2, “Java”);

menu.add(0, 2, 3, “C++”);

menu.add(0, 3, 1, “PHP”);

menu.add(1, 4, 0, “Mysql”);

menu.add(1, 5, 4, “SqLite”);

menu.add(2, 6, 5, “Eclipse”);

menu.add(2, 7, 6, “Netbeans”);

return super.onCreateOptionsMenu(menu);

}

@Override

public boolean onMenuItemSelected(int featureId, MenuItem item) {

String group = “”;

if (item.getGroupId() == 0) {

   group = “Bahasa Pemrograman”;

   } else if (item.getGroupId() == 1) {

   group = “Database”;

   } else if (item.getGroupId() == 2) {

   group = “Editor”;

   }

   Toast.makeText(

   MainActivity.this,

   “\nGroup: ” + group +

   “Item ID : ” + item.getItemId()+

   “\nTitle: ” + item.getTitle() +

   “\nUrutan: “+ item.getOrder(),

   Toast.LENGTH_LONG).show();

   return super.onMenuItemSelected(featureId, item);

   }

   }

4. Terakhir jalankan program pada emulator atau smartphone anda.

Selamat mencoba ☺ 

Read More

Membuat List Array Adapter pada ADT Eclipse

Assalamualaiqum ☺

Membuat ListView Menggunakan Android ADT dan Eclipse-Pada artikel ini penulis akan membahas cara membuat listview sederhana atau list view (daftar isi) dasar, list view ini banyak sekali digunakan pada proyek aplikasi mobile android apakah sebagai view data atau menu atau aplikasi crud android, berikut dibawah ini adalah langkah-langkah pembuatan listview menggunakan Android adt dan eclipse.

1. Buat project baru.
2. Isikan source code pada file activity_main.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="com.example.testapi.MainActivity" >

   <ListView

       android:id="@+id/listView1"

       android:layout_width="match_parent"

       android:layout_height="wrap_content" >

   </ListView>

</LinearLayout>

3. Source code main.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"

   xmlns:app="http://schemas.android.com/apk/res-auto"

   xmlns:tools="http://schemas.android.com/tools"

   tools:context="com.example.testapi.MainActivity" >

   <item

       android:id="@+id/action_share"

       android:orderInCategory="100"

       android:title="@string/action_share"

       app:showAsAction="never"/>

   

   <item

       android:id="@+id/action_help"

       android:orderInCategory="100"

       android:title="@string/action_help"

       app:showAsAction="never"/>

   <item

       android:id="@+id/action_settings"

       android:orderInCategory="100"

       android:title="@string/action_settings"

       app:showAsAction="never"/>

   

   <item

       android:id="@+id/action_exit"

       android:orderInCategory="100"

       android:title="@string/action_exit"

       app:showAsAction="never"/>

   

</menu>

4. string.xml

<?xml version="1.0" encoding="utf-8"?>

<resources>

   <string name="app_name">testapi</string>

   <string name="hello_world">Hello world!</string>

   <string name="action_share">Share</string>

   <string name="action_help">Help</string>

   <string name="action_settings">Settings</string>

   <string name="action_exit">Exit</string>

</resources>

5. MainActivity.java

package com.example.testapi;

//import android.support.v7.app.ActionBarActivity;

import android.app.Activity;

import android.os.Bundle;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

import android.widget.AdapterView;

import android.widget.AdapterView.OnItemClickListener;

import android.widget.ArrayAdapter;

import android.widget.ListView;

import android.widget.Toast;

public class MainActivity extends Activity {

protected ListView listView1;

   @Override

   protected void onCreate(Bundle savedInstanceState) {

       super.onCreate(savedInstanceState);

       setContentView(R.layout.activity_main);

       

       listView1 = (ListView) findViewById(R.id.listView1);

       String[] values = new String[] { "Android Lihat Daftar",

                                        "Implementasi Adapter",

                                        "Daftar Isi Pada Android",

                                        "Membuat Daftar Isi Android",

                                        "Contoh Aplikasi Android",

                                        "Daftar Isi Kode Sumber",

                                        "Daftar Isi Pada Array Adapter",

                                        "Contoh Daftar Isi Android"

                                       };

       ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, android.R.id.text1, values);

       listView1.setAdapter(adapter);

       listView1.setOnItemClickListener(new OnItemClickListener() {

  @Override

  public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {

   // TODO Auto-generated method stub

   int itemsPosition     = arg2;

            String  itemsValue    = (String) listView1.getItemAtPosition(arg2);

            Toast.makeText(getApplicationContext(), "Position :"+itemsPosition+"  ListItem : " +itemsValue , 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();

       if (id == R.id.action_settings) {

           return true;

       } else if(id == R.id.action_share){

        Toast.makeText(getApplicationContext(), "kunjungi http://facebook.com/ghazali.samudera", Toast.LENGTH_LONG).show();

       } else if(id == R.id.action_help){

        Toast.makeText(getApplicationContext(), "Maaf tool ini belum tersedia", Toast.LENGTH_LONG).show();

       } else{

        finish();

       }

       return super.onOptionsItemSelected(item);

   }

}

6. Jalankan program. Dan inilah hasil akhirnya:

Semoga Bermanfaat ☺

Read More

Membuat TabHost Pada Aplikasi Android

Assalamualaiqum ☺

Di hari yang cerah ini saya akan kembali memposting tentang android. Kali ini saya akan membagikan tentang cara membuat TabHost pada aplikasi android.

Ok langsung saja.

1. Buat project baru dengan nama TabHost.
2. Isikan source code 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” >   <TabHost

      android:id=”@android:id/tabhost”

      android:layout_width=”match_parent”

      android:layout_height=”match_parent” >

   <LinearLayout

      android:layout_width=”match_parent”

      android:layout_height=”match_parent”

      android:orientation=”vertical” >

     <TabWidget

         android:id=”@android:id/tabs”

         android:layout_width=”match_parent”

         android:layout_height=”wrap_content” >

      </TabWidget>

      <FrameLayout

         android:id=”@android:id/tabcontent”

         android:layout_width=”match_parent”

         android:layout_height=”match_parent” >

         <LinearLayout

            android:id=”@+id/tab1″

            android:layout_width=”match_parent”

            android:layout_height=”match_parent”

            android:orientation=”horizontal” >

        </LinearLayout>

        <LinearLayout

            android:id=”@+id/tab2″

            android:layout_width=”match_parent”

            android:layout_height=”match_parent”

         android:orientation=”horizontal” >

     </LinearLayout></FrameLayout>

  </LinearLayout></TabHost></RelativeLayout>

Hasilnya:

3. Buatlah dua buat file xml baru dengan nama activity_home.xml dan activity_about.xml.
4. Source code  activity_home.xml.

<?xml version=”1.0″ encoding=”utf-8″?>

<RelativeLayout 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/textView1″

     android:layout_width=”wrap_content”

     android:layout_height=”wrap_content”

     android:layout_alignParentTop=”true”

     android:layout_centerHorizontal=”true”

     android:layout_marginTop=”143dp”

     android:text=”@string/hal1″

     android:textSize=”20sp” />

</RelativeLayout>

Hasilnya:

5. File activity_about.xml

<?xml version=”1.0″ encoding=”utf-8″?>

<RelativeLayout 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/textView1″

     android:layout_width=”wrap_content”

     android:layout_height=”wrap_content”

     android:layout_alignParentTop=”true”

     android:layout_centerHorizontal=”true”

     android:layout_marginTop=”171dp”

     android:text=”@string/hal2″

     android:textSize=”20sp” />

</RelativeLayout>

Hasilnya:

6. Selanjutnya, bukalah file MainActivity.java. Salinlah source code dibawah ini, dan sesuaikan dengan project yang anda buat.

package com.putri.tabhost;

import android.os.Bundle;

import android.app.TabActivity;

import android.content.Intent;

import android.view.Menu;

import android.widget.TabHost;

@SuppressWarnings("deprecation")

public class MainActivity extends TabActivity {

  @Override

  protected void onCreate(Bundle savedInstanceState) {

     super.onCreate(savedInstanceState);

     setContentView(R.layout.activity_main);

     TabHost tabhost = getTabHost();

     TabHost.TabSpec spec;

     Intent intent;

     intent = new Intent().setClass(this, Home.class);//content pada tab yang akan kita buat

     spec = tabhost.newTabSpec("home").setIndicator("Home",null).setContent(intent);//mengeset nama tab dan mengisi content pada menu tab anda.

     tabhost.addTab(spec);//untuk membuat tabbaru disini bisa diatur sesuai keinginan anda

     intent = new Intent().setClass(this, About.class);

     spec = tabhost.newTabSpec("about").setIndicator("About",null).setContent(intent);

     tabhost.addTab(spec);

  }

  @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;

   }

}

7. Buatlah dua buah java class baru dengan nama Home.java dan About.java.
8. Berikut source code file Home.java.

package com.irmarismay.tabhost;

import android.app.Activity;

import android.os.Bundle;

import android.widget.TextView;

public class Home extends Activity {

  TextView textView1;

  protected void onCreate(Bundle savedInstanceState) {

     super.onCreate(savedInstanceState);

     setContentView(R.layout.activity_home);

     textView1 = (TextView)findViewById(R.id.textView1);

  }

}

9. Source code file About.java

package com.irmarismay.tabhost;

import android.app.Activity;

import android.os.Bundle;

import android.widget.TextView;

public class About extends Activity {

  TextView textView1;

  protected void onCreate(Bundle savedInstanceState) {

     super.onCreate(savedInstanceState);

     setContentView(R.layout.activity_about);

    

     textView1 = (TextView)findViewById(R.id.textView1);

  }

}

10. Setelah selesai menyelesaikan program diatas, bukalah file AndroidManifest.xml, salinlah dan sesuaikan source code dibawah ini dengan project yang anda buat.

<?xml version=”1.0″ encoding=”utf-8″?>

<manifest xmlns:android=”http://schemas.android.com/apk/res/android”

  package=”com.irmarismay.tabhost”

  android:versionCode=”1″

  android:versionName=”1.0″ >

  <uses-sdk

     android:minSdkVersion=”8″

     android:targetSdkVersion=”17″ />

  <application

     android:allowBackup=”true”

     android:icon=”@drawable/ic_launcher”

     android:label=”@string/app_name”

     android:theme=”@style/AppTheme” >

     <activity

        android:name=”com.irmarismay.tabhost.MainActivity”

        android:label=”@string/app_name” >

        <intent-filter>

           <action android:name=”android.intent.action.MAIN” />

           <category android:name=”android.intent.category.LAUNCHER” />

        </intent-filter>

      </activity>

      <activity

         android:name=”com.irmarismay.tabhost.Home”

         android:label=”@string/app_name”>

      </activity>

      <activity

         android:name=”com.irmarismay.tabhost.About”

         android:label=”@string/app_name”>

      </activity>

  </application>

</manifest>

11. Jalankan di emulator atau smartphone anda.

Selesai..

Read More