ViewFlipper的简单使用

1.使用ViewFlipper制作轮播图
(1)布局文件 activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.ebeijia.viewflipperbanner.MainActivity">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="200dp">
        <ViewFlipper
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:id="@+id/details">
        </ViewFlipper>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:background="#B0D0D0D0"
            android:gravity="center"
            android:orientation="vertical">

            <TextView
                android:id="@+id/title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="hello"
                android:textColor="#FFFFFF"
                />

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="5dp"
                android:gravity="center">

                <View
                    android:id="@+id/v_dot0"
                    style="@style/dot_style"
                    android:background="@drawable/dot_focused"
                    />
                <View
                    android:id="@+id/v_dot1"
                    style="@style/dot_style"
                    />
                <View
                    android:id="@+id/v_dot2"
                    style="@style/dot_style"
                    />
                <View
                    android:id="@+id/v_dot3"
                    style="@style/dot_style"
                    />
                <View
                    android:id="@+id/v_dot4"
                    style="@style/dot_style"
                    />
            </LinearLayout>




        </LinearLayout>

    </RelativeLayout>


</RelativeLayout>

(2) 小圆点的样式

<style name="dot_style">
        <item name="android:layout_width">5dip</item>
        <item name="android:layout_height">5dip</item>
        <item name="android:background">@drawable/dot_normal</item>
        <item name="android:layout_marginLeft">1.5dip</item>
        <item name="android:layout_marginRight">1.5dip</item>
    </style>

(3)小圆点选中和未选中时候的背景

dot_normal.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" >

    <solid android:color="#33000000" />

    <corners android:radius="5dip" />

</shape>

dot_focused.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" >

    <solid android:color="#aaFFFFFF" />

    <corners android:radius="5dip" />

</shape>

(3)代码实现

import android.content.Intent;
import android.net.Uri;
import android.os.Handler;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.ViewFlipper;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity implements GestureDetector.OnGestureListener{

    private ViewFlipper viewFlipper;
    private String[] titles;
    private TextView tv_title;
    private List<View> dots;
    float startx;
    float x = 0;
    float y = 0;
    private String urls[]={
            "http://www.baidu.com",
            "http://www.qq.com",
            "http://www.sina.com",
            "http://www.csdn.net",
            "http://www.sohu.com"
    };

    int image[] = new int[]
            {
                    R.mipmap.a,R.mipmap.b,R.mipmap.c,
                    R.mipmap.d,R.mipmap.e
            };

    private GestureDetector gestureDetector = null;

    @Override
    @SuppressWarnings("deprecation")
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        viewFlipper = (ViewFlipper)findViewById(R.id.details);
        tv_title = (TextView)findViewById(R.id.title);
        gestureDetector = new GestureDetector(this);    // 声明检测手势事件


        for(int i=0;i<image.length;i++)
        {
            final int position=i;
            ImageView iv = new ImageView(getApplicationContext());
            iv.setBackgroundResource(image[i]);
            viewFlipper.addView(iv);
        }
        titles = new String[image.length];
        titles[0] = "图片1";
        titles[1] = "图片2";
        titles[2] = "图片3";
        titles[3]="图片4";
        titles[4]="图片5";

        dots = new ArrayList<View>();
        dots.add(findViewById(R.id.v_dot0));
        dots.add(findViewById(R.id.v_dot1));
        dots.add(findViewById(R.id.v_dot2));
        dots.add(findViewById(R.id.v_dot3));
        dots.add(findViewById(R.id.v_dot4));

        handler.sendMessageDelayed(new Message(), 5000);

        viewFlipper.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                switch(viewFlipper.getDisplayedChild())
                {
                    case 0:
                        Uri url=Uri.parse(urls[0]);
                        Intent intent=new Intent(Intent.ACTION_VIEW,url);
                        startActivity(intent);
                        break;

                    case 1:
                        Uri url1=Uri.parse(urls[1]);
                        Intent intent1=new Intent(Intent.ACTION_VIEW,url1);
                        startActivity(intent1);
                        break;

                    case 2:
                        Uri url2=Uri.parse(urls[2]);
                        Intent intent2=new Intent(Intent.ACTION_VIEW,url2);
                        startActivity(intent2);
                        break;

                    case 3:
                        Uri url3=Uri.parse(urls[3]);
                        Intent intent3=new Intent(Intent.ACTION_VIEW,url3);
                        startActivity(intent3);
                        break;

                    case 4:
                        Uri url4=Uri.parse(urls[4]);
                        Intent intent4=new Intent(Intent.ACTION_VIEW,url4);
                        startActivity(intent4);
                        break;

                    default:
                        break;
                }
            }
        });

    }



    private Handler handler = new Handler()
    {
        @Override
        public void handleMessage(Message msg)
        {
            super.handleMessage(msg);
            showNext();
            handler.sendMessageDelayed(new Message(), 5000);
        }

    };

    private void showOrigin()
    {
        for(int i=0;i<dots.size();i++)
        {
            dots.get(i).setBackgroundResource(R.drawable.dot_normal);
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        super.onTouchEvent(event);
        return gestureDetector.onTouchEvent(event); //注册手势事件
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {

        gestureDetector.onTouchEvent(ev);
        super.dispatchTouchEvent(ev);
        return true;
    }

   @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        viewFlipper.setClickable(false);
        if(e2.getX()-e1.getX()>120)
        {
            showNext();
        }else if(e2.getX()-e1.getX()<-120)
        {
            showPre();
        }
        return true;
    }

    @Override
    public void onLongPress(MotionEvent e) {

    }

    @Override
    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
        return false;
    }

    @Override
    public boolean onSingleTapUp(MotionEvent e) {
        return false;
    }

    @Override
    public void onShowPress(MotionEvent e) {

    }

    @Override
    public boolean onDown(MotionEvent e) {
        viewFlipper.setClickable(true);
        return false;
    }

    private void showNext()
    {
        viewFlipper.showNext();
        int cur = viewFlipper.getDisplayedChild();
        showOrigin();
        dots.get(cur).setBackgroundResource(R.drawable.dot_focused);
        tv_title.setText(titles[cur]);
    }
    private void showPre()
    {
        viewFlipper.showPrevious();
        int cur = viewFlipper.getDisplayedChild();
        showOrigin();
        dots.get(cur).setBackgroundResource(R.drawable.dot_focused);
        tv_title.setText(titles[cur]);
  }

2.待补充