7 Ekim 2015 Çarşamba

#ANDROID - ViewFlipper Kullanımı (Bir Nevi Galeri)

  Hiç yorum yok
Ekran görüntüsü üzerinden gidelim. Flipper dediğimiz şeyi belki de bir galeri şeklinde bile kullabiliriz.

Sol tarafta gördüğünüz gibi  geri, ileri ve zamanlayıcı butonlarımız var. Geri ve ileri butonlara bastığımızda sayfalar değişecek. Zamanlayıcı butonuna bastığımızda ise 2 saniye sonra sayfa kendisi otomatik olarak değişecek.

Hemen işe koyulalım flipperview.xml ve Flipper.java dosyalarımızı oluşturalım.

flipperview.xml dosyası:

<?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"
android:weightSum="100">

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="40"
android:orientation="vertical">

<ViewFlipper
android:id="@+id/vfFlipper"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal">

<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="250dp"
android:background="#00e8d0"
android:text="Bu birinci sayfa Bu birinci sayfa Bu birinci sayfa Bu birinci sayfa Bu birinci sayfa Bu birinci sayfa Bu birinci sayfa"
android:textAppearance="?android:attr/textAppearanceMedium" />

<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="250dp"
android:layout_gravity="center_horizontal"
android:background="#c01300"
android:text="Bu ikinci sayfa Bu ikinci sayfa Bu ikinci sayfa Bu ikinci sayfa Bu ikinci sayfa Bu ikinci sayfa Bu ikinci sayfa Bu ikinci sayfa"
android:textAppearance="?android:attr/textAppearanceMedium" />

<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="250dp"
android:layout_gravity="right"
android:background="#305800"
android:text="Bu üçüncü sayfa Bu üçüncü sayfa Bu üçüncü sayfa Bu üçüncü sayfa Bu üçüncü sayfa Bu üçüncü sayfa Bu üçüncü sayfa Bu üçüncü sayfa"
android:textAppearance="?android:attr/textAppearanceMedium" />


</ViewFlipper>

</LinearLayout>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="60"
android:orientation="horizontal">

<Button
android:id="@+id/bGeriGit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Geri" />

<Button
android:id="@+id/bIleriGit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="İleri" />

<Button
android:id="@+id/bOtomatik"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Zamanlayıcı" />

</LinearLayout>

</LinearLayout>

Flipper.java dosyası:

package com.hakancengiz.blogders;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ViewFlipper;

public class Flipper extends Activity implements View.OnClickListener {

Button geriGit, ileriGit, otomatik;
ViewFlipper flipper;

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

geriGit = (Button) findViewById(R.id.bGeriGit);
ileriGit = (Button) findViewById(R.id.bIleriGit);
otomatik = (Button) findViewById(R.id.bOtomatik);
flipper = (ViewFlipper) findViewById(R.id.vfFlipper);

geriGit.setOnClickListener(this);
ileriGit.setOnClickListener(this);
otomatik.setOnClickListener(this);
}

@Override
public void onClick(View v) {

switch (v.getId())
{
case R.id.bGeriGit:
if(flipper.isFlipping())
flipper.stopFlipping();
flipper.showPrevious();
break;

case R.id.bIleriGit:
if(flipper.isFlipping())
flipper.stopFlipping();
flipper.showNext();
break;

case R.id.bOtomatik:
flipper.setFlipInterval(2000);
flipper.startFlipping();
break;
}
}
}

Bu işlemlerin ardından flipperımız artık hazır. Activitymizi AndroidManifest.xml dosyasına tanıtmayı unutmayalım.

        <activity
android:name=".Flipper"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.FLIPPER" />

<category android:name="android.intent.category.DEFAULT" />
</intent-filter>
</activity>

Hiç yorum yok :

Yorum Gönder