查看: 780|回复: 0

android中Flipper的简单使用

[复制链接]
  • TA的每日心情
    无聊
    2017-4-17 15:52
  • 签到天数: 107 天

    连续签到: 1 天

    [LV.6]常住居民II

    发表于 2015-6-15 21:08:06 | 显示全部楼层 |阅读模式
    除了Tab在一个Activity中显示多页内容,还可以使用Flipper,Flipper没有标签,是一页页的显示方式。
    例子一:基础的Flipper
    1)Android XML文件
    Flipper采用ViewFlipper进行定义,里面依次放着各页的内容。
    1. <?xml version="1.0" encoding="utf-8"?>
    2. <LinearLayout ...... >
    3.   <Button android:id="@+id/c94_flip_me" ... ...    android:text="Flip me" />
    4.   <ViewFlipper android:id="@+id/c94_details"
    5.    android:layout_width="fill_parent"
    6.    android:layout_height="fill_parent" >
    7.     <TextView android:layout_width="fill_parent"    <!--ViewFlipper中的第一个元素 -->
    8.      android:layout_height="wrap_content"
    9.      android:textStyle="bold"
    10.      android:textColor="#FF00FF00"
    11.      android:text="This is the first Panel" />
    12.     <TextView ... ...    android:text="This is the Second Panel"/>       <!--ViewFlipper中的第二个元素 -->
    13.     <TextView ... ...    android:text="This is the third Panel"/>             <!--ViewFlipper中的第三个元素 -->
    14.   </ViewFlipper>
    15. </LinearLayout>
    复制代码
    2)代码编写
    我们点击id为c94_details的button,则依次显示ViewFlipper中的元素,循环显示,如下图所示:
    1. public class Chapter9Test4 extends Activity{
    2.     private ViewFlipper flipper = null;
    3.     @Override
    4.     protected void onCreate(Bundle savedInstanceState) {
    5.         // TODO Auto-generated method stub
    6.         super.onCreate(savedInstanceState);
    7.         setContentView(R.layout.chapter_9_test4);
    8.         
    9.         flipper = (ViewFlipper)findViewById(R.id.c94_details);
    10.         Button button = (Button)findViewById(R.id.c94_flip_me);
    11.         button.setOnClickListener(new View.OnClickListener() {         
    12.             public void onClick(View arg0) {
    13.                 //每次点击button,则ViewFlipper中的显示更换为下一个元素,如果已是最后的元素,从头开始
    14.                 flipper.showNext();
    15.             }
    16.         });
    17.     }
    18. }
    复制代码
    效果如下图所示:
    161800_1316140912PpFS.png
    您需要登录后才可以回帖 登录 | 注册

    本版积分规则

    站长推荐上一条 /1 下一条