Razieh Shahraki

کار با View Flipper

3 ارسال در این موضوع قرار دارد

در این آموزش میخواهیم با استفاده از View Flipper بین صفحات به صورت دستی جابجا شویم.

پروژه جدیدی ایجاد نمایید.

در فایل xmlکد زیر را قرار دهید.

[shcode=xml]

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

android:id="@+id/LinearLayout01"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical" >

android:id="@+id/RelativeLayout02"

android:layout_width="wrap_content"

android:layout_height="wrap_content">

 

android:id="@+id/ViewFlipper01"

android:layout_width="fill_parent"

android:layout_height="400dp" >

 

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:background="#4B0082" >

 

android:id="@+id/TextView01"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#FFFFFF"

android:textSize="20dp"

android:layout_centerHorizontal="true"

android:layout_marginTop="100dp"

android:text="Flipper Content 1" >

 

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="#7CFC00"

android:orientation="vertical" >

 

android:id="@+id/TextView02"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#000000"

android:textSize="20dp"

android:layout_centerHorizontal="true"

android:layout_marginTop="100dp"

android:text="Flipper Content 2" >

 

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="#1E90FF"

android:orientation="vertical" >

 

android:id="@+id/TextView03"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#FFFFFF"

android:textSize="20dp"

android:layout_centerHorizontal="true"

android:layout_marginTop="100dp"

android:text="Flipper Content 3" >

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="#FFFF00"

android:orientation="vertical" >

 

android:id="@+id/TextView04"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="#000000"

android:textSize="20dp"

android:layout_centerHorizontal="true"

android:layout_marginTop="100dp"

android:text="Flipper Content 4" >

android:id="@+id/RelativeLayout03"

android:layout_below="@+id/RelativeLayout02"

android:background="#000000"

android:layout_width="fill_parent"

android:layout_height="match_parent">

 

android:id="@+id/Previous"

android:layout_alignParentBottom="true"

android:layout_alignParentLeft="true"

android:layout_marginBottom="5dp"

android:layout_marginLeft="20dp"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Previous" >

 

android:id="@+id/Next"

android:layout_alignParentBottom="true"

android:layout_alignParentRight="true"

android:layout_marginBottom="5dp"

android:layout_marginRight="20dp"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Next" >

[/shcode]

در فایل جاوا کد زیر را قرار دهید.

[shcode=java]

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.View;

import android.widget.Button;

import android.widget.ViewFlipper;

 

public class MainActivity extends Activity {

 

ViewFlipper viewFlipper;

Button Next, Previous;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

viewFlipper = (ViewFlipper) findViewById(R.id.ViewFlipper01);

Next = (Button) findViewById(R.id.Next);

Previous = (Button) findViewById(R.id.Previous);

Next.setOnClickListener(new View.OnClickListener() {

public void onClick(View v) {

// TODO Auto-generated method stub

viewFlipper.showNext();

}

});

Previous.setOnClickListener(new View.OnClickListener() {

public void onClick(View v) {

// TODO Auto-generated method stub

viewFlipper.showPrevious();

}

});

}

 

@Override

public boolean onCreateOptionsMenu(Menu menu) {

getMenuInflater().inflate(R.menu.activity_main, menu);

return true;

}

}

[/shcode]

خروجی برنامه به صورت زیر می باشد.

413x377http://p30droid.com/Uploader/do.php?img=649[/img]415x380http://p30droid.com/Uploader/do.php?img=650[/img]

به اشتراک گذاری این پست


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

اگه بخواهیم دکمه نزاریم ، چجوری باید بین صفحات بچرخیم ؟

به اشتراک گذاری این پست


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

در اون صورت باید از view pager استفاده کنی. آموزشش تو انجمن هست.

به اشتراک گذاری این پست


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری