首页 > 代码库 > android仿系统Launcher界面,实现分屏,左右滑动效果(ViewSwitcher)
android仿系统Launcher界面,实现分屏,左右滑动效果(ViewSwitcher)
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;
}
};
}
来自为知笔记(Wiz)
android仿系统Launcher界面,实现分屏,左右滑动效果(ViewSwitcher)
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。