android使用ViewSwitcher实现视图切换
2014-10-28 21:32
405 查看
activity类:
主布局文件viewanimator_activity.xml:
布局文件viewanimator_gridview.xml:
自定义动画效果res/anim/slide_in_right.xml:
下一屏:
package com.zzj.ui.viewanimatordemo; import java.util.ArrayList; import java.util.List; import android.app.Activity; import android.graphics.drawable.Drawable; import android.os.Bundle; import android.util.Log; 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; import com.zzj.ui.R; public class MainActivity extends Activity { private ViewSwitcher switcher; private LayoutInflater inflater; private List<DataItem> dataItems = new ArrayList<DataItem>(); private int currentScreenNo = -1;// 当前屏数 private int screenCount = 0;// 总屏数 private final int perScreenCount = 12;// 每一屏显示数量 private BaseAdapter adapter = new GridViewAdapter(); int[] images = { R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, R.drawable.ic_launcher, }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.viewanimator_activity); inflater = LayoutInflater.from(this); switcher = (ViewSwitcher) findViewById(R.id.viewSwitcher1); // 设置每一屏显示的视图,这里设置为GridView switcher.setFactory(new ViewFactory() { @Override public View makeView() { return inflater.inflate(R.layout.viewanimator_gridview, null); } }); for (int i = 0; i < images.length; i++) { DataItem dataItem = new DataItem(); dataItem.lable = "lable" + i; dataItem.drawable = getResources().getDrawable(images[i]); dataItems.add(dataItem); } // 计算总屏数 if (dataItems.size() % perScreenCount == 0) { screenCount = dataItems.size() / perScreenCount; } else { screenCount = dataItems.size() / perScreenCount + 1; } Log.d("screenCount", String.valueOf(screenCount)); next(null);// 页面加载时显示第一页 } // 下一屏 public void next(View view) { if (currentScreenNo < screenCount - 1) { currentScreenNo++; // 设置视图切换动画 switcher.setInAnimation(this, R.anim.slide_in_right);// 自定义动画效果 switcher.setOutAnimation(this, R.anim.slide_out_left);// 自定义动画效果 // 获取下一屏GridView(通过ViewFactory设置),并且设置数据适配器 ((GridView) switcher.getNextView()).setAdapter(adapter); switcher.showNext(); } } // 上一屏 public void prev(View view) { if (currentScreenNo > 0) { currentScreenNo--; // 设置视图切换动画 switcher.setInAnimation(this, android.R.anim.slide_in_left);// android系统自带的动画效果 switcher.setOutAnimation(this, android.R.anim.slide_out_right);// android系统自带的动画效果 // 获取下一屏GridView(通过ViewFactory设置),并且设置数据适配器 ((GridView) switcher.getNextView()).setAdapter(adapter); switcher.showNext(); } } static class DataItem { String lable; Drawable drawable; } class GridViewAdapter extends BaseAdapter { /** * 当前屏的数量 */ @Override public int getCount() { if (currentScreenNo < screenCount - 1) { return perScreenCount; } return dataItems.size() - (screenCount - 1) * perScreenCount; } /** * 数据 */ @Override public Object getItem(int position) { int index = currentScreenNo * perScreenCount + position; return dataItems.get(index); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { if (convertView == null) { convertView = inflater.inflate(R.layout.lable_icon, null); } ImageView imageView = (ImageView) convertView .findViewById(R.id.imageView1); DataItem dataItem = (DataItem) getItem(position); imageView.setImageDrawable(dataItem.drawable); TextView textView = (TextView) convertView .findViewById(R.id.textView1); textView.setText(dataItem.lable); return convertView; } } }
主布局文件viewanimator_activity.xml:
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <ViewSwitcher android:id="@+id/viewSwitcher1" android:layout_width="match_parent" android:layout_height="match_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="<" /> <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=">" /> </RelativeLayout>
布局文件viewanimator_gridview.xml:
<?xml version="1.0" encoding="utf-8"?> <GridView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:numColumns="3" />布局文件lable_icon.xml:
<?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:orientation="vertical" android:gravity="center" > <ImageView android:id="@+id/imageView1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout>
自定义动画效果res/anim/slide_in_right.xml:
<?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"/> </set>自定义动画效果res/anim/slide_out_left.xml:
<?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"/> </set>运行效果:
下一屏:
相关文章推荐
- android ViewSwitcher实现视图的轻松切换
- Android技术——视图切换(四)“ViewSwitcher+手势识别”实现视图的滑动切换
- Android中使用imageviewswitcher 实现图片切换轮播导航的方法
- Android中使用ImageViewSwitcher实现图片切换轮播导航效果
- Android中使用ImageViewSwitcher实现图片切换轮播导航效果
- Android 使用ViewPager和RadioGroup配合Fragment实现标签页,可点击按钮切换、滑动切换。
- Android-使用ViewFlipper实现轮番切换广告栏
- Android使用ViewPager实现导航页根据情况禁止滑动以及点击切换
- Android利用ViewFlipper实现随手势滑动视图间切换
- Android 视图切换库的使用SwitchLayout(可实现控件点击动画,和界面切换时的各种动画)
- Android中利用ViewPager实现视图切换
- Android:使用ViewPager实现左右滑动切换图片(图上有点点)
- Android:使用ViewPager实现左右滑动切换图片(图上有点点)
- Android使用Fragment来实现ViewPager的功能(解决切换Fragment状态不保存)以及各个Fragment之间的通信
- Android App中使用ViewPager+Fragment实现滑动切换效果
- Android使用ViewPager实现左右切换(转)
- android开发步步为营之47:使用viewflipper实现屏幕的切换
- Android使用Fragment来实现ViewPager的功能(解决切换Fragment状态不保存)以及各个Fragment之间的通信
- android使用viewPager和Fragment实现滑动切换activity!
- Android编程心得-使用ActionBar+Fragment+ViewPager实现动态切换Menu效果