Skip to main content

Membuat Menu Tab Android Studio

Hari sabtu, untuk mengisi hari libur kerja saya akan sharing cara membuat Tab menu di android studio, Ok Langsung saja buka android studio dan buat Project baru dengan TabMenu untuk Activity-nya Pilih yang Empty Activity.
Selanjutnya pada activity_main.xml ganti file xml dengan xml berikut :

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"    
android:id="@android:id/tabhost"    
android:layout_width="fill_parent"   
android:layout_height="fill_parent" >

    <LinearLayout        
        android:layout_width="fill_parent"        
        android:layout_height="fill_parent"        
        android:orientation="vertical" >

        <TabWidget            
            android:id="@android:id/tabs"            
            android:layout_width="fill_parent"            
            android:layout_height="wrap_content"           
            android:layout_gravity="bottom" />

        <FrameLayout
            android:id="@android:id/tabcontent"           
            android:layout_width="fill_parent"            
            android:layout_height="fill_parent"            
            android:layout_gravity="bottom" />

    </LinearLayout>
</TabHost>


Terus tambahkan Empty Activity Baru dengan nama BerandaActivity kemudian pada activity_beranda.xml nya ganti dengan xml dibawah ini :


<?xml version="1.0" encoding="utf-8"?>
<DigitalClock xmlns:android="http://schemas.android.com/apk/res/android"  
android:layout_width="fill_parent"    
android:layout_height="fill_parent"  
android:gravity="center_vertical|center" 
android:textSize="50sp" >
</DigitalClock>

Terus tambahkan Empty Activity Baru dengan nama BeritaActivity dan ganti xmlnya dengan xml dibawah ini :

<?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"    >
<ListView  
    android:id="@android:id/list" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"        />
</LinearLayout> 
Terus tambahkan Empty Activity Baru dengan nama TemanActivity dan ganti xmlnya dengan xml dibawah ini :

<?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"    >  
<ListView        
   android:id="@android:id/list"        
   android:layout_width="fill_parent"        
   android:layout_height="fill_parent"        />
</LinearLayout>

Terus tambahkan Empty Activity Baru dengan nama ChatActivity dan ganti xmlnya dengan xml dibawah ini :
<?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"    >
    <RelativeLayout        
        android:layout_width="match_parent"        
        android:layout_height="400dp"        
        android:layout_alignParentTop="true"        
        android:layout_alignParentStart="true">
        <ListView           
        android:layout_width="wrap_content"        
        android:layout_height="wrap_content"          
        android:id="@+id/listView"            
        android:layout_centerVertical="true"            
        android:layout_centerHorizontal="true" />
    </RelativeLayout>

    <RelativeLayout        
       android:layout_width="match_parent"        
       android:layout_height="100dp"        
       android:layout_alignParentBottom="true"        
       android:layout_centerHorizontal="true">
        
    <Button            
       style="?android:attr/buttonStyleSmall"            
       android:layout_width="wrap_content"            
       android:layout_height="wrap_content"            
       android:text="Send"            
       android:id="@+id/button"            
       android:layout_centerVertical="true"            
       android:layout_alignParentEnd="true" />
    <EditText            
       android:layout_width="wrap_content"            
       android:layout_height="wrap_content"            
       android:id="@+id/editText"            
       android:layout_alignBottom="@+id/button"            
       android:layout_alignParentStart="true"            
       android:layout_toStartOf="@+id/button" />
    </RelativeLayout>
</RelativeLayout>

Kemudian bukan MainActivity.java ganti source code menjadi seperti dibawah ini :
@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, BerandaActivity.class);//content pada tab yang akan kita buat        
        spec = tabhost.newTabSpec("beranda").setIndicator("Beranda",null).setContent(intent);       
        tabhost.addTab(spec);//untuk membuat tabbaru disini bisa diatur sesuai keinginan anda
        intent = new Intent().setClass(this, BeritaActivity.class);
        spec = tabhost.newTabSpec("berita").setIndicator("Berita",null).setContent(intent);
        tabhost.addTab(spec);

        intent = new Intent().setClass(this, TemanActivity.class);
        spec = tabhost.newTabSpec("teman").setIndicator("Teman",null).setContent(intent);
        tabhost.addTab(spec);

        intent = new Intent().setClass(this, ChatActivity.class);
        spec = tabhost.newTabSpec("chat").setIndicator("Chat",null).setContent(intent);
        tabhost.addTab(spec);
    }
}

Ganti source code BerandaActivity.java dengan source code dibawah ini :

public class BerandaActivity extends Activity {

    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_beranda);
    }
}
untuk source code BeritaActivity.java ganti menjadi :
public class BeritaActivity extends ListActivity {

    String [] berita ={"Jadwal Piala Dunia 2014", "Capres Indonesia", "Debat Capres", "Debat Cawapres"};

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

        setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, berita));
    }
}
untuk source code TemanActivity.java ganti menjadi :
public class TemanActivity extends ListActivity {

    String [] teman ={"Andra", "Dina", "Edo", "Julia"};

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

        setListAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, teman));

    }
}
untuk source code ChatActivity.java ganti menjadi :

public class ChatActivity extends Activity {

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

Jika sudah semua seperti diatas, jalankan programnya dan lihat hasilnya.... :D
Semoga tulisan ini bermanfaat..

Comments

Popular posts from this blog

PHP MySql CRUD Dengan Konsep MVC

Pada postingan kali ini saya akan sharing cara membuat CRUD dengan php menggunakan konsep MVC, ok langsung saja buka code editor (saya menggunakan sublime text) dan buat folder baru dengan nama phpmvc didalam folder htdocs kalian dan tambah folder seperti berikut :  Setelah itu kita siapkan database di mysql, buat database dengan nama phpmvc dan tablenya seperti gambar berikut : tambahkan file config.php didalam folder app/config : <?php define('BASEURL', 'http://localhost:8181/phpmvc/public'); define('DB_HOST', 'localhost'); define('DB_USER', 'root'); define('DB_PASS', ''); define('DB_NAME', 'phpmvc'); kemudian tambahkan 3 file controller didalam folder app/controllers, yaitu Home, About, dan Mahasiswa : Home.php <?php class Home extends Controller { public function index() { $data['nama'] = $this->model('User_model')->getUser()...

Cara Sederhana Multi Insert Data Dengan PHP - MySQL

Pada postingan kali ini saya akan share cara melakukan insert lebih dari satu data dengan menggunaka PHP- Jquery dan MySQL. Pertama buat database di MySQL dan table, disini saya membuat database dengan nama db_latihan dan table dengan nama t_barang dengan struktur table seperti berikut : Setelah membuat database dan table selanjutnya membuat project PHP, project PHP nya saya buat dengan nama multi-insert, lalu didalam folder ini saya membuat dua file yaitu index.php dan insert.php . Source code index.php seperti berikut : <! doctype   html > < html   lang = "en" >    < head >      <!-- Required meta tags -->      < meta   charset = "utf-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1" >      <!-- Bootstrap CSS -->      < link ...

IT Asset Management Dengan PHP MySQL

Pada postingan kali saya akan share sebuah aplikasi IT Asset management yang fungsinya untuk memonitoring semua Asset khusus IT, contohnya : Laptop/komputer , Printer, Router, Hardisk, dll. Dalam aplkasi ini kita bisa mengetahui Asset IT posisinya dimana dan digunakan oleh siapa. untuk data-data yang dibutuhkan antara lain : 1. data kategori asset dalam menu ini kita bisa meng-input jenis2 kategory asset : tambah kategori asset : 2. data department 3. data karyawan 4. data department per karyawan 5. data asset location  6. data satuan asset dan untuk transaksi yang ada dalam aplikasi ini adalah,  1. create asset, pada menu create asset ini kita akan mengalokasikan sebuah asset ke karyawan/personnel tampilannya seperti berikut: setelah klik tombol save akan muncul seperti dibawah : untuk melihat detail asset yang sudah dibuat tadi, kita bisa pilih...