码迷,mamicode.com
首页 > 移动开发 > 详细

android 动画(5)ViewSwitcher

时间:2016-06-30 08:40:04      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:

ViewSwitcher 的作用简单来说就是:在两个视图间转换时显示动画 

它的两个子类应该很熟悉,

    ImageSwitcher:转换图片时增加动画效果; 

    TextSwitcher: 转换文字时增加动画效果; 

 

布局:

<?xml version="1.0" encoding="utf-8"?>
<ViewSwitcher xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/view_switcher"
    android:layout_width="match_parent"
    android:inAnimation="@android:anim/slide_in_left"
    android:outAnimation="@android:anim/slide_out_right"
    android:layout_height="match_parent" >
    
    <!-- 第一个视图 -->
    <RelativeLayout 
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <Button 
            android:id="@+id/ne"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:text="下一张"/>
    </RelativeLayout>
    
    <!-- 第二个视图 -->
    <RelativeLayout 
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <Button 
            android:id="@+id/up"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:text="上一张"/>
        <ImageView 
            android:id="@+id/image"
            android:layout_toRightOf="@id/up"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:src="@drawable/ic_launcher"/>
    </RelativeLayout>
</ViewSwitcher>

界面的切换

public class ViewSwitcherAct extends Activity{

    private ViewSwitcher switcher;
    private Button upper,next;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.view_switcher);
        switcher = (ViewSwitcher) findViewById(R.id.view_switcher);
        upper = (Button) findViewById(R.id.up);
        next = (Button) findViewById(R.id.ne);
        //切换到第一个view
      switcher.setDisplayedChild(0);
        
        upper.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                switcher.showPrevious();
            }
        });
        
        next.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                switcher.showNext(); 
            }
        });
    }
}

 

 

布局:

 

android 动画(5)ViewSwitcher

标签:

原文地址:http://www.cnblogs.com/chengbao/p/5628809.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!