ViewSwitcher代表了视图切换组件, 本身继承了FrameLayout ,可以将多个View叠在一起 ,每次只显示一个组件.当程序控制从一个View切换到另个View时,ViewSwitcher 支持指定动画效果.

为了给ViewSwitcher 添加多个组件, 一般通过ViewSwitcher 的setFactory 方法为止设置ViewFactory ,并由ViewFactory为之创建View 即可. 

下面通过一个实例来介绍 ViewSwitcher的用法.(仿Android系统Launcher 界面 实现分屏 左右滑动效果)


第一步,新建项目,打开activity_main.xml
<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.example.viewswitchdemo.MainActivity" >
    <ViewSwitcher 
        android:id="@+id/viewSwitcher"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        ></ViewSwitcher>
    
    <!-- 定义滚动到上一屏的按钮 -->  
    <Button  
        android:id="@+id/button_prev"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_alignParentBottom="true"  
        android:layout_alignParentLeft="true"  
        android:onClick="prev"  
        android:text="P" />  
    <!-- 定义滚动到下一屏的按钮 -->  
    <Button  
        android:id="@+id/button_next"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_alignParentBottom="true"  
        android:layout_alignParentRight="true"  
        android:onClick="next"  
        android:text="L" />  
</RelativeLayout>
在这个布局中,创建了一个ViewSwitcher,表示这里是可变的View,还有一个往前和往后的按钮

2,新建slidelistview.xml,  这个视图就表示ViewSwitcher中变化的View
<?xml version="1.0" encoding="utf-8"?>  
<GridView  
  xmlns:android="http://schemas.android.com/apk/res/android"  
  android:layout_width="match_parent"  
  android:numColumns="4"  
  android:layout_height="match_parent">  
      
</GridView>  

3,新建item.xml,表示gridView的子视图
<?xml version="1.0" encoding="utf-8"?>  
<!-- 定义一个垂直的LinearLayout,该容器中放置一个ImageView和一个TextView -->  
<LinearLayout  
    xmlns:android="http://schemas.android.com/apk/res/android"  
    android:orientation="vertical"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:gravity="center">  
    <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>


4,打开MainActivity.java
public class MainActivity extends Activity {
    //每一屛显示的应用数
    public static final int NUMBER_PRE_SCREEN=12;
    //应用程序的内部类
    public static class DataItem{
        //应用名字
        public String dataName;
        //应用程序图片
        public Drawable drawable;
    }
    
    //保存系统应用的集合
    private List<DataItem> items=new ArrayList<MainActivity.DataItem>();
    
    //记录当前正是显示的第几屏应用
    private int screenNo=-1;
    //程序所占的总屏数
    private int screenCount;
    ViewSwitcher switcher;
    LayoutInflater inflater;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        inflater=LayoutInflater.from(this);
        //模拟40个应用程序
        for (int i = 0; i < 40; i++) {
            String label=""+i;
            Drawable draw=getResources().getDrawable(R.drawable.ic_launcher);
            DataItem item=new DataItem();
            item.dataName=label;
            item.drawable=draw;
            items.add(item);
        }
        // 计算应用程序所占的总屏数。  
        // 如果应用程序的数量能整除NUMBER_PER_SCREEN,除法的结果就是总屏数。  
        // 如果不能整除,总屏数应该是除法的结果再加1。 
        screenCount = items.size() % NUMBER_PRE_SCREEN == 0 ?   
                items.size()/ NUMBER_PRE_SCREEN :  
                items.size() / NUMBER_PRE_SCREEN    + 1;
                
       switcher=(ViewSwitcher) findViewById(R.id.viewSwitcher);
       switcher.setFactory(new ViewFactory() {
        @Override
        public View makeView() {
            return inflater.inflate(R.layout.slidelistview,null);
        }
       });
       
       next(null);
       Button b1=(Button) findViewById(R.id.button_next);
       b1.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View arg0) {
            next(null);
        }
    });
       Button b2=(Button) findViewById(R.id.button_prev);
       b2.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View arg0) {
            pre(null);
        }
    });
       
    }
    
    public void next(View v){
        if(screenNo<screenCount-1){
            screenNo++;
            switcher.setInAnimation(this,android.R.anim.slide_in_left);
            switcher.setOutAnimation(this,android.R.anim.slide_out_right);
            GridView gv=(GridView) switcher.getNextView();
            gv.setAdapter(adapter);
            switcher.showNext();
        }
    }
    
    public void pre(View v){
        if(screenNo>0){
            screenNo--;
            switcher.setInAnimation(this,android.R.anim.slide_in_left);
            switcher.setOutAnimation(this,android.R.anim.slide_out_right);
            GridView gv=(GridView) switcher.getNextView();
            gv.setAdapter(adapter);
            switcher.showPrevious();
        }
    }
    
    private BaseAdapter adapter =new BaseAdapter() {
        
        @Override
        public View getView(int position, View convertView, ViewGroup arg2) {
            View view = convertView;  
            if (convertView == null)  
            {  
                // 加载R.layout.labelicon布局文件  
                view = inflater.inflate(R.layout.item, null);  
            }  
            // 获取R.layout.labelicon布局文件中的ImageView组件,并为之设置图标  
            ImageView imageView = (ImageView)  
                    view.findViewById(R.id.imageview);
            DataItem it=(DataItem) getItem(position);
            imageView.setImageDrawable(it.drawable);  
            // 获取R.layout.labelicon布局文件中的TextView组件,并为之设置文本  
            TextView textView = (TextView)   
                    view.findViewById(R.id.textview);  
            textView.setText(it.dataName);  
            return view;  
        }
        
        @Override
        public long getItemId(int arg0) {
            return arg0;
        }
        
        @Override
        public Object getItem(int position) {
            return items.get(screenNo * NUMBER_PRE_SCREEN + position);  
        }
        
        @Override
        public int getCount() {
            // 如果已经到了最后一屏,且应用程序的数量不能整除NUMBER_PER_SCREEN  
            if (screenNo == screenCount - 1  
                    && items.size() % NUMBER_PRE_SCREEN != 0)  
            {  
                // 最后一屏显示的程序数为应用程序的数量对NUMBER_PER_SCREEN求余  
                return items.size() % NUMBER_PRE_SCREEN;  
            }  
            // 否则每屏显示的程序数量为NUMBER_PER_SCREEN  
            return NUMBER_PRE_SCREEN;  
        }
    };
    
    
    


android仿系统Launcher界面,实现分屏,左右滑动效果(ViewSwitcher)的更多相关文章

  1. Android 仿百合网超火爆社交app首页滑动效果

    探探,百合网等神器的首页有一个相册加载个控件,通过左滑右滑加载新的照片,同时左滑丢弃这个照片,右滑则表明对这个照片感兴趣. 这个效果是怎么实现的呢? 1,Android3.0以后控件中增加了setTr ...

  2. Android系统的三种分屏显示模式

    Google在Android 7.0中引入了一个新特性——多窗口支持,允许用户一次在屏幕上打开两个应用.在手持设备上,两个应用可以在"分屏"模式中左右并排或上下并排显示.在电视设备 ...

  3. Android仿微信QQ等实现锁屏消息提醒

    demo代码如下: import android.content.Intent; import android.os.Bundle; import android.support.v7.app.App ...

  4. android仿今日头条App、多种漂亮加载效果、选择器汇总、记事本App、Kotlin开发等源码

    Android精选源码 android漂亮的加载效果 android各种 选择器 汇总源码 Android仿bilibili搜索框效果 Android记事本app.分类,涂鸦.添加图片或者其他附件 仿 ...

  5. Android ViewPager实现软件的第一次加载的滑动效果

    public class MainActivity extends Activity { private ViewPager viewPager; private List<View> V ...

  6. 【Android UI】顶部or底部菜单的循环滑动效果一

    实现了分页的滑动效果,做的demo流畅运行 注:貌似支持的样式(控件)有一定的限制,我试过短信的listview页面,暂无法实现滑动效果 java文件:MainActivity.java.Activi ...

  7. Android 仿QQ消息界面

    values 下面 dimens.xml <resources> <!-- Default screen margins, per the Android Design guidel ...

  8. android 仿微信聊天界面,以及语音录制功能

    extends:http://104zz.iteye.com/blog/1709840 本例为模仿微信聊天界面UI设计,文字发送以及语言录制UI. 1先看效果图:     第一:chat.xml设计 ...

  9. Android 仿电商app商品详情页按钮浮动效果

    1.效果图如下: 这效果用户体验还是很酷炫,今天我们就来讲解如何实现这个效果. 2.分析 为了方便理解,作图分析 如图所示,整个页面分为四个部分: 1.悬浮内容,floatView 2.顶部内容,he ...

随机推荐

  1. 使用 PlantUML 高效画图

    PlantUML 是一种程序员看了就会爱上的画图方式:自然,高效. 支持快速绘制: 时序图 类图 用例图 活动图 状态图 等等 安装教程 Intellij IDEA中安装 & 使用PlantU ...

  2. Spring : JDBC模板, 事务和测试

    JDBCTemplate简单配置:-------------------------------jdbc.properties配置----------------------------------- ...

  3. ArrayList的源码分析(基于jdk1.8)

    1.初始化 transient Object[] elementData; //实际存储元素的数组 private static final Object[] DEFAULTCAPACITY_EMPT ...

  4. hadoop学习笔记——用python写wordcount程序

    尝试着用3台虚拟机搭建了伪分布式系统,完整的搭建步骤等熟悉了整个分布式框架之后再写,今天写一下用python写wordcount程序(MapReduce任务)的具体步骤. MapReduce任务以来H ...

  5. 十分钟部署Anemometer作为Mysql慢查询可视化系统

    前言 采用Anemometer将Mysql慢查询日志可视化,可以更便捷的查询慢查询日志,并根据时间戳进行历史查询.如下是单机版Anemometer部署的演示,实际应用中,为安全起见,建议把anemom ...

  6. 实现动态的XML文件读写操作(依然带干货)

    前言 最近由于项目需求,需要读写操作XML文件,并且存储的XML文件格式会随着导入的数据不同而随时改变(当然导入的数据还是有一定约束的),这样我们要预先定义好XML文件的格式就不太现实了,如何实现不管 ...

  7. c#调用c++库函数

    如果是非托管的,就用DllImport,举例    using System;    using System.Runtime.InteropServices;    class MainApp    ...

  8. 在线大数据cdh迁移,从公有云迁移到私有云

    1.添加新节点 2.迁移hdfs和hbase数据: 3.迁移源节点各个服务到新节点: 4.利用HA,包括hdfs,hbase master,resourcemanager的ha实现在线迁移: 5.数据 ...

  9. ruby 技巧 根据函数的返回

    一般语言中,函数必须有返回值,即要带个return关键字.但在ruby中,return不是必须的,如果不写会默认返回最终计算的结果.举例 def add(a,b) # 省去了return a + b ...

  10. Grafana学习

    一.安装 Grafana最新版本4.3.1安装(后端使用mysql) 二.使用