安卓学习-界面-ui-ViewSwitcher、ImageSwitcher和TextSwitcher

浏览数：51 / 时间：2015年06月11日

3个都差不多，一个是图片，一个是文字

点击上一张、下一张或者向左、向右滑动

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linearLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="上一张" />

        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="下一张" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >
        <ViewSwitcher
            android:id="@+id/viewSwitcher1"
            android:layout_width="match_parent"
            android:layout_height="match_parent" >

            <ImageView
                android:id="@+id/imageView1"
                android:layout_width="match_parent"
                android:layout_height="match_parent" />
        </ViewSwitcher>
    </LinearLayout>

</LinearLayout>

View Code

2个动画

slide_in_right.xml

<?xml version="1.0" encoding="utf-8"?>  
<set xmlns:android="http://schemas.android.com/apk/res/android">  
    <!-- 设置从右边拖进来的动画  
    android:duration指定动画持续时间  -->  
    <translate  
        android:fromXDelta="100%p"  
        android:toXDelta="0"  
        android:duration="@android:integer/config_mediumAnimTime" />  
</set>

View Code

slide_out_left.xml

<?xml version="1.0" encoding="utf-8"?>  
<set xmlns:android="http://schemas.android.com/apk/res/android">  
    <!-- 设置从左边拖出去的动画   
    android:duration指定动画持续时间 -->  
    <translate  
        android:fromXDelta="0"  
        android:toXDelta="-100%p"  
        android:duration="@android:integer/config_mediumAnimTime" />  
</set>

View Code

MainActivity.java

public class MainActivity extends Activity{

    //定义图片资源
    int[] pics=new int[]{R.drawable.pic1,R.drawable.pic2,R.drawable.pic3};
    //用来判断手指是向左滑动还是向右
    float x1;
    float x2;
    
    ViewSwitcher viewSwitcher1;
    ImageView imageView1;
    //图片索引
    int index=0;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        viewSwitcher1=(ViewSwitcher)findViewById(R.id.viewSwitcher1);
        Button btn1=(Button)findViewById(R.id.button1);
        Button btn2=(Button)findViewById(R.id.button2);
        imageView1=(ImageView)findViewById(R.id.imageView1);
        
        //默认第一张图片
        imageView1.setImageResource(pics[0]);
        //上一张
        btn1.setOnClickListener(new OnClickListener() {
            public void onClick(View v) {
                pre();
            }
        });
        // 下一张
        btn2.setOnClickListener(new OnClickListener() {
            public void onClick(View v) {
                next();
            }
        });

        //识别手势
        viewSwitcher1.setOnTouchListener(new OnTouchListener() {
            public boolean onTouch(View v, MotionEvent event) {
                //手指按下时的坐标
                if(event.getAction()==MotionEvent.ACTION_DOWN){
                    x1=event.getX();
                }
                //手指松开时的坐标
                else if(event.getAction()==MotionEvent.ACTION_UP){
                    x2=event.getX();
                    //向左滑动
                    if(x1-x2>0){
                        Log.v("", "向左滑动");
                        next();
                        
                    }
                    //向右滑动
                    else if(x2-x1>0){
                        Log.v("", "向右滑动");
                        pre();
                    }
                }
                return true;
            }
        });
  
    }
    
    
    void next(){
        // 为ViewSwitcher的组件显示过程设置动画  
        viewSwitcher1.setInAnimation(this, R.anim.slide_in_right); 
        // 为ViewSwitcher的组件隐藏过程设置动画  
        viewSwitcher1.setOutAnimation(this, R.anim.slide_out_left);  
        if(index==2) index=0;
        else index=index+1;
        imageView1.setImageResource(pics[index]);
        viewSwitcher1.showNext();

    }
    
   void pre(){
        //为ViewSwitcher的组件显示过程设置动画  
        viewSwitcher1.setInAnimation(this, android.R.anim.slide_in_left);  
        // 为ViewSwitcher的组件隐藏过程设置动画  
        viewSwitcher1.setOutAnimation(this, android.R.anim.slide_out_right);  
        if(index==0) index=2;
        else index=index-1;
        imageView1.setImageResource(pics[index]);
        viewSwitcher1.showPrevious();
        
    }
    

}