Site icon IT Tutorial

Android Programlama – 24

Merhaba arkadaşlar, bu gün ki makalemde Tabbed activity kullanımı göreceğiz.

Daha önce yazdığım makaleleri okumadıysanız öncelikle onları okumanızı tavsiye ederim. Buradanokuyabilirsiniz.

Tabbed activity’nin kullanımı kolaylaştırmak için Android studio hazır şablon oluşturmuştur. Yeni proje oluşturduğumuz da bu şablonunu seçerek projemize ekleyebiliriz. Bu makalede xml kodlamasını yapacağız

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout

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"
android:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context="com.example.recodedharran.guidetour.ActivityGuideTour">

<android.support.design.widget.AppBarLayout
android:id=”@+id/appbar”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:paddingTop=”@dimen/appbar_padding_top”
android:theme=”@style/AppTheme.AppBarOverlay”>

<android.support.design.widget.TabLayout
android:id=”@+id/tabs”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”>

<android.support.design.widget.TabItem
android:id=”@+id/tabItem”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:text=”@string/tab_text_1″ />

<android.support.design.widget.TabItem
android:id="@+id/tabItem2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/tab_text_2" />

<android.support.design.widget.TabItem
android:id=”@+id/tabItem3″
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:text=”@string/tab_text_3″ />

<android.support.design.widget.TabItem
android:id=”@+id/tabItem4″
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:text=”@string/tab_text_4″ />

</android.support.design.widget.TabLayout>

</android.support.design.widget.AppBarLayout>

<android.support.v4.view.ViewPager
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</android.support.design.widget.CoordinatorLayout>



Kodumuzu inceleyecek olursak; TabLayout’ un içine tab item’ları tanımlıyoruz. Burada tanımladığımız item’lar kadar sayfa arasında swipe işlemini gerçekleştirilir. Burada biz sadece item’a text özelliğini verdik ama istersek burada ikon da ayarlayabiliriz.

Bir makalenin daha sonuna geldik, esenle kalın..

Exit mobile version