<ViewSwitcher>的简单功能与用法

仿Android系统 Lanuncher界面

---

欣赏别人是一种境界，善待别人是一种胸怀，关心别人是一种品质，理解别人是一种涵养，帮助别人是一种快乐，学习别人是一种智慧，团结别人是一种能力，借鉴别人是一种收获

package com.crazyit.ui.viewanimator;

import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;


import android.widget.ViewSwitcher;

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

/**
 * ViewSwitcher 代表了视图切换的组件,它继承了 FrameLayout
 * 简单功能与用法
 */
public class ViewSwitcherActivity extends AppCompatActivity {

    //定义一个常量 用来显示每瓶幕显示的应用程序的个数
    public static final int NUMBER_PER_SCREEN = 24;

    //应用程序的内部类
    public static class DataItem {
        //应用程序的名称
        private String dataName;
        //应用程序的图标
        public Drawable drawable;

    }

    //保存所有应用程序的集合
    private List<DataItem> items = new ArrayList<>();

    //记录当前正在显示第几屏的程序
    private int currentScreen = -1;
    //保存程序所占的总屏幕数
    private int screenCount;

    ViewSwitcher switcher;
    LayoutInflater inflater;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_view_switcher);

        inflater = LayoutInflater.from(this);
        //创建一个包含40个应用程序的List集合 用于模拟包含 40个应用程序
        for (int i = 0; i < 100; i++) {
            String lable = "" + i;
            Drawable drawable = getResources().getDrawable(R.mipmap.fuqi);

            DataItem item = new DataItem();
            item.dataName = lable;
            item.drawable = drawable;

            items.add(item);

        }

        //计算应用所占的总坪数
        //如果应用的总数量能够整除 每瓶幕显示的应用程序的个数 <NUMBER_PER_SCREEN> 得出的结果就是 总屏数
        //如果不能整除,总屏数的应该是得出的结果 再加 1;

        screenCount = items.size() % NUMBER_PER_SCREEN == 0 ?
                items.size() / NUMBER_PER_SCREEN : items.size() / NUMBER_PER_SCREEN + 1;

        switcher = (ViewSwitcher) findViewById(R.id.viewSwitcher);

        switcher.setFactory(new ViewSwitcher.ViewFactory() {
            //实际上就是返回一个 GridView的组件
            @Override
            public View makeView() {

                return inflater.inflate(R.layout.slidelistview, null);
            }
        });

        //页面加载时 先显示第一屏
        next(null);
    }

    public void next(View v) {

        if (currentScreen==screenCount - 1) {
            Toast.makeText(this, "已经是最后一页啦", Toast.LENGTH_SHORT).show();
            return;
        }
        if (currentScreen < screenCount - 1) {
            currentScreen++;

            //为 ViewSwitcher 显示过程中设置动画
            switcher.setInAnimation(this, R.anim.slide_in_right);
            //为ViewSwitcher 隐藏过程中设置动画
            switcher.setOutAnimation(this, R.anim.slide_out_left);

            //控制下一屏幕 将要显示的 gridView 对应的 Adapter
            ((GridView) switcher.getNextView()).setAdapter(adapter);
            switcher.showPrevious();
        }
    }

    public void prev(View v)
    {
        if (currentScreen==0) {
            Toast.makeText(this, "已经是第一页啦", Toast.LENGTH_SHORT).show();
            return;
        }
        if (currentScreen > 0)
        {
            currentScreen--;
            switcher.setInAnimation(this, android.R.anim.slide_in_left);
            switcher.setOutAnimation(this, android.R.anim.slide_out_right);
            ((GridView) switcher.getNextView()).setAdapter(adapter);
            switcher.showPrevious();
        }
    }

    //该BaseADapter   为每瓶幕显示额 GridView提供列表项
    private BaseAdapter adapter = new BaseAdapter() {
        @Override
        public int getCount() {
            //如果已经到最后一屏幕,并且应用程序的总数不能整除 屏幕的总数
            if (currentScreen==screenCount-1&&items.size()/NUMBER_PER_SCREEN!=0){
                return items.size()%NUMBER_PER_SCREEN;
            }
            return NUMBER_PER_SCREEN;
        }

        @Override
        public DataItem getItem(int position) {
            // 根据 currentScreen 计算第 position个列表项的数据
            return items.get(currentScreen*NUMBER_PER_SCREEN+position); //不太明白
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {

            View view = convertView;
            if (view==null){
                //加载 布局文件
                view = inflater.inflate(R.layout.lable_icon,null);
            }

            ImageView imageview = (ImageView) view.findViewById(R.id.imageView);
            imageview.setImageDrawable(getItem(position).drawable);

            TextView textView = (TextView) view.findViewById(R.id.tv);
            textView.setText(getItem(position).dataName);

            return view;
        }
    };
}

布局界面

<?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.crazyit.ui.viewanimator.ViewSwitcherActivity">

    <!--定义一个 ViewSwitcher 组件-->
    <ViewSwitcher
        android:id="@+id/viewSwitcher"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></ViewSwitcher>

    <Button
        android:id="@+id/btn_prev"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:onClick="prev"
        android:textSize="24sp"
        android:text="&lt;" />
    <Button
        android:id="@+id/btn_next"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:onClick="next"
        android:textSize="24sp"
        android:text="&gt;" />
</RelativeLayout>

列表项的布局文件

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

    <GridView  xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/gridview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:numColumns="4"></GridView>

动画的布局文件

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


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