Saturday, 15 March 2014

Membuat Navigation / Navigasi Drawer Sederhana Kanan Kiri

Navigasi drawer adalah salah satu cara untuk menavigasi pada android yang tersedia pada android ICS (minimal).
berikut sourcecode nya

















activity_main.xml :

<android.support.v4.widget.DrawerLayout

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

    android:id="@+id/drawer_layout"

    android:layout_width="match_parent"

    android:layout_height="match_parent">

    <!-- As the main content view, the view below consumes the entire

         space available using match_parent in both dimensions. -->

    <FrameLayout

        android:id="@+id/content_frame"

        android:layout_width="match_parent"

        android:layout_height="match_parent" />

    <ListView

        android:id="@+id/left_drawer"

        android:layout_width="240dp"

        android:layout_height="match_parent"

        android:layout_gravity="start"

        android:choiceMode="singleChoice"

        android:divider="@android:color/transparent"

        android:dividerHeight="0dp"

        android:background="#111"/>

     <ListView

        android:id="@+id/Right_drawer"

        android:layout_width="240dp"

        android:layout_height="match_parent"

        android:layout_gravity="right"

        android:choiceMode="singleChoice"

        android:divider="@android:color/transparent"

        android:dividerHeight="0dp"

        android:background="#111"/>

</android.support.v4.widget.DrawerLayout>


drawer_list_item.xml :

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

    android:id="@android:id/text1"

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:textAppearance="?android:attr/textAppearanceListItemSmall"

    android:gravity="center_vertical"

    android:paddingLeft="16dp"

    android:paddingRight="16dp"

    android:textColor="#fff"

    android:background="?android:attr/activatedBackgroundIndicator"

    android:minHeight="?android:attr/listPreferredItemHeightSmall"/>


MainActivity.java :


import java.sql.Array;

import android.os.Bundle;

import android.app.Activity;

import android.support.v4.widget.DrawerLayout;

import android.view.Menu;

import android.widget.ArrayAdapter;

import android.widget.ListView;

public class MainActivity extends Activity {

    ListView    LmDrawerList;

    ListView    RmDrawerList;

    private DrawerLayout mDrawerLayout;

    private ListView mDrawerList;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

           LmDrawerList = (ListView) findViewById(R.id.left_drawer);

           RmDrawerList = (ListView) findViewById(R.id.Right_drawer);

           mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);

           String[] mPlanetTitles={"1", "2"," 3"};

           RmDrawerList.setAdapter(new ArrayAdapter<String>(this,  R.layout.drawer_list_item, mPlanetTitles));

           LmDrawerList.setAdapter(new ArrayAdapter<String>(this,  R.layout.drawer_list_item, mPlanetTitles));

    }

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

    }

}


Selamat Berkreasi

Artikel Terkait Android

2 comments:

  1. tanya
    kalo ngasih event pas angka 1 di klik trus muncul toast gimana caranya ya ??

    ReplyDelete
    Replies
    1. bisa buat pake listview adapter atau >>

      listView.setOnItemClickListener(new OnItemClickListener() {

      @Override
      public void onItemClick(AdapterView parent, View view,
      int position, long id) {

      // ListView Clicked item index
      int itemPosition = position;

      // ListView Clicked item value
      String itemValue = (String) listView.getItemAtPosition(position);

      // Show Alert
      Toast.makeText(getApplicationContext(),
      "Position :"+itemPosition+" ListItem : " +itemValue , Toast.LENGTH_LONG)
      .show();

      }
      });

      Delete