ViewAnimator之ViewSwitcher的简单功能和用法(仿Android系统的Launcher界面)

(仿Android系统的Launcher界面)

package com.test.viewswitvher;

import java.util.ArrayList;

import android.app.Activity;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
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.ViewSwitcher;
import android.widget.ViewSwitcher.ViewFactory;
/**
 *仿Android系统Launcher界面
 * @author Administrator
 *
 */
public class MainActivity extends Activity {
    //定义一个常量,用于显示每屏幕的应用程序数
    public static final int NUMBER_PER_SCREEN = 12;
    //代表应用程序的内部类
    public static class DataItem{
        //应用程序名称
        public String dataName;
        //应用程序图标
        public Drawable drawable;
    }
    //保存系统所有应用程序的List集合
    private ArrayList<DataItem> items = new ArrayList<DataItem>();
    //记录当前正在显示第几屏的程序
    private int screenNo = -1;
    //保存程序所占的总屏数
    private int screenCount;
    ViewSwitcher switcher;
    //创建LayoutInflater对象
    LayoutInflater inflater;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        inflater = LayoutInflater.from(MainActivity.this);
        //创建一个包含40哥元素的List集合,用于模拟包含40个应用程序
        for(int i = 0 ;i<40;i++){
            String label = ""+1;
            Drawable drawable = getResources().getDrawable
                    (R.drawable.ic_launcher);
            DataItem item = new DataItem();
            item.dataName = label;
            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 ViewFactory() {
            //实际上就是返回一个Gridview组件
            @Override
            public View makeView() {
                //加载R.Layout.slidelistview组件,实际上就是一个Gridview组件

                return inflater.inflate(R.layout.slidelistview, null);
            }
        });
        //页面加载时先显示第一屏幕
        next(null);
    }
    public void next (View v){
        if(screenNo < screenCount - 1){
            screenNo++;
            //为ViewSwitcher的组件显示过程设置动画
            switcher.setInAnimation(this, R.anim.slide_in_right);
            //为ViewSwitcher的组件隐藏过程设置动画
            switcher.setOutAnimation(this,R.anim.slide_in_left);    
            //控制下一屏幕将要显示的GridView对应的Adapter
            ((GridView)switcher.getNextView()).setAdapter(adapter);
            //点击右边按钮,显示下一屏
            //学习手势检测后,可以通过手势检测实现显示下一屏
            switcher.showNext();
        }
    }
    public void prev (View v){
        if(screenNo > 0){
            screenNo--;
            //为ViewSwitcher的组件显示过程设置动画
            switcher.setInAnimation(this, R.anim.slide_in_left);
            //为ViewSwitcher的组件隐藏过程设置动画
            switcher.setOutAnimation(this,R.anim.slide_in_right);   
            //控制下一屏幕将要显示的GridView对应的Adapter
            ((GridView)switcher.getNextView()).setAdapter(adapter);
            //点击右边按钮,显示下一屏
            //学习手势检测后,可以通过手势检测实现显示下一屏
            switcher.showPrevious();
        }
    }
    //该Baseadapter负责为每屏幕显示的GridView提供列表项目
    private BaseAdapter adapter = new BaseAdapter(){

        @Override
        public int getCount() {
            //如果已经到了最后一屏幕,且应用程序的数量不能整除NUMBER_PER_SCREEN
            if(screenNo == screenCount - 1 && 
                    items.size()%NUMBER_PER_SCREEN != 0){
                //最后一屏幕显示的程序数量为应用程序的数量对NUMBER_PER_SCREEN求余
                return items.size()%NUMBER_PER_SCREEN;
            }
            //负责每屏幕返回的数量为NUMBER_PER_SCREEN
            return NUMBER_PER_SCREEN;
        }

        @Override
        public DataItem getItem(int position) {
            //根据屏幕数量(screenNo)*每屏幕的个数程序个数
            //(NUMBER_PER_SCREEN)+加上position就是获取到了当前具体的某个程序
            return items.get(screenNo*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(convertView == null){
                //加载R.layout.lableicon布局文件
                view = inflater.inflate(R.layout.lableicon, null);          
            }
            //获取R.layout.lableicon布局文件中的ImageView组件,并为之设置图标
            ImageView imageview = (ImageView)view.findViewById(R.id.imageview);
            imageview.setImageDrawable(getItem(position).drawable);
            //获取R.layout.lableicon布局文件中的TextImage组件,并为之设置文本
            TextView textview = (TextView)view.findViewById(R.id.textview);
            textview.setText(getItem(position).dataName);
                    return view;
        }

    };
}

R.Layout.slidelistview组件的布局

<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/grid01"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:horizontalSpacing="30dp"
    android:verticalSpacing="100dp"
    android:numColumns="4"
    android:gravity="center">
</GridView>

R.Layout.lableicon组件的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical" >
    <ImageView android:id="@+id/imageview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    <TextView android:id="@+id/textview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"/>
</LinearLayout>

另外还有两个动画效果的文件,这里贴出来,如果需要实现其他的动画效果可以网上找一下,有很多酷炫的效果的。
slide_in_left

<?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>

slide_in_right

<?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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值