android之实现上下左右翻页效果

如果实现上下或者左右翻页效果,我们借助下这个开源项目:https://github.com/openaphid/android-flip

Aphid FlipView是一个能够实现Flipboard翻页效果的UI组件。

下载完毕后导入到当前你的项目中,我们来下上下翻页的效果图:

    
    

直接贴出代码:

布局文件:

<span style="font-size:14px;"><?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"
    android:background="@android:color/white" >
    <ImageView
        android:id="@+id/tv_number"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:gravity="center"
        android:scaleType="fitXY"
       />

</LinearLayout></span>

主文件:

<span style="font-size:14px;">public class MainActivity extends Activity {
	private int[] image=new int[]{R.drawable.qd,R.drawable.qg,R.drawable.qw};
	private Context activity=this;
	protected FlipViewController flipViewController;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		flipViewController=new FlipViewController(activity);
		flipViewController.setAdapter(new baseAdapter());
		setContentView(flipViewController);

	}
	public class baseAdapter extends BaseAdapter{

		@Override
		public int getCount() {
			// TODO Auto-generated method stub
			return image.length;
		}

		@Override
		public Object getItem(int position) {
			// TODO Auto-generated method stub
			return position;
		}

		@Override
		public long getItemId(int position) {
			// TODO Auto-generated method stub
			return position;
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			// TODO Auto-generated method stub
			if(convertView==null){
				convertView=new NumberTextVeiw(activity);
			}
			((ImageView)(convertView.findViewById(R.id.tv_number))).setBackgroundResource(image[position]);
			return convertView;
		}

	}
	private class NumberTextVeiw extends LinearLayout{
		ViewHolder viewHolder;
		public NumberTextVeiw(Context context) {
			super(context);
			inflate(context, R.layout.text_number_view, this);
			viewHolder=new ViewHolder();
			viewHolder.tv_number=(ImageView)findViewById(R.id.tv_number);
		}
	}
	private class ViewHolder {
		public ImageView tv_number;

	}

}</span>

以上是实现上下翻页效果的代码,如果想实现左右翻页只需更改一处代码即可:

<span style="font-size:14px;">flipViewController=new FlipViewController(activity);</span>

更改为:

<span style="font-size:14px;">flipViewController=new FlipViewController(this, FlipViewController.HORIZONTAL);</span>

转载请注明出处:http://blog.csdn.net/hai_qing_xu_kong/article/details/42215085 
 情绪控_

时间: 2025-01-16 12:33:36

android之实现上下左右翻页效果的相关文章

android开发教程:android手势翻页效果

听麦子学院android开发老师说要实现手势翻页效果,主要用到ViewFlipper和GestureDetector.  ViewFlipper变化当前显示内容,GestureDetector监听手势.  用于多页的展示非常酷.  现在我就给大家简单说明下,  首先创建工程:TestFlip,创建主Activity:TestFlip.  在res/layout/main.xml中添加flipper信息,如下:  Java代码   1. <?xml version="1.0" en

Android用悬浮按钮实现翻页效果

今天给大家分享下自己用悬浮按钮点击实现翻页效果的例子. 首先,一个按钮要实现悬浮,就要用到系统顶级窗口相关的WindowManager,WindowManager.LayoutParams.那么在AndroidManifest.xml中添加权限: ? 1 <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" /> 然后,我们要对WindowManager,WindowManager.La

Android应用源码之双面翻页效果

Android应用源码之双面翻页效果 在网上看到一个非常不错的源码,想跟大家分享一下.仔细翻了翻源码是实现翻页效果的,有兴趣的朋友可以研究一下! 下载地址:http://www.devstore.cn/code/info/804.html 运行截图:   

Android翻页效果原理实现之翻页的尝试

尊重原创转载请注明:From AigeStudio(http://blog.csdn.net/aigestudio)Power by Aige 侵权必究! 炮兵镇楼 在<自定义控件其实很简单>系列的前半部分中我们用了整整六节近两万字两百多张配图讲了Android图形的绘制,虽然篇幅很巨大但仍然只是图形绘制的冰山一角,旨在领大家入门,至于修行成果就看各位的了--那么这个些列主要是通过前面学习到的一些方法来尝试完成一个翻页的效果. 对于我个人来说,我是不太建议大家在没自己去尝试前看本文的,因为你看

Android 实现书籍翻页效果(转载链接)

Android 实现书籍翻页效果----原理篇 效果图: Android 实现书籍翻页效果----完结篇 效果图: Android 实现书籍翻页效果----升级篇 效果图: Android 实现书籍翻页效果---番外篇之光影效果

Android翻页效果原理实现之曲线的实现

尊重原创转载请注明:From AigeStudio(http://blog.csdn.net/aigestudio)Power by Aige 侵权必究! 炮兵镇楼 上一节我们通过引入折线实现了页面的折叠翻转效果,有了前面两节的基础呢其实曲线的实现可以变得非常简单,为什么这么说呢?因为曲线无非就是在折线的基础上对Path加入了曲线的实现,进而只是影响了我们的Region区域,而其他的什么事件啊.滑动计算啊之类的几乎都是不变的对吧,说白了就是对现有的折线View进行update改造,虽然是改造,但

Android 自定义view 折线翻页

看了Aige的 Android翻页效果原理实现之引入折线 有些计算原理 在此留个笔记 x.y 为 折出的三角形的 短边与长边; O(a,b)点即为触摸点 设K = w - a, L = h - b ?OMA中,由勾股定理,得出 ?OMA与 ?AOB.?APB三者之面积和 等于 梯形 MOBP的面积 代入x,解得 再代入触摸点(a,b) 即可求出当前对应的x.y了 有x.y现在就可以求出A点和B点的坐标了 A点(w - x, h) B点(w, h - y) 折线出的三角形即是:以Path的move

FlipViewPager 对item实现左右对折滑动翻页效果《IT蓝豹》

FlipViewPager 对item实现左右对折滑动翻页效果 <FlipViewPager 对每一条item实现左右对折滑动翻页效果>,解决左右滑动和上下滑动的事件分发处理机制.内部实现如下:用ListView试下,对listview设置adapter,这个adapter继承BaseFlipAdapter<Friend>,然后对每一个item进行view处理,部分代码如下:class FriendsAdapter extends BaseFlipAdapter<Friend

Activity切换动画(overridePendingTransition)-翻页效果

Activity的切换动画指的是从一个activity跳转到另外一个activity时的动画.{它包括两个部分:一部分是第一个activity退出时的动画:另外一部分时第二个activity进入时的动画:在Android的2.0版本之后,有了一个函数来帮我们实现这个动画.这个函数就是YoverridePendingTransitionj这个函数有两个参数,一个参数是第一个activity退出时的动画,另外一个参数则是第二个activity进入时的动画. 这里需要特别说明的是,关于override