仿网易新闻客户端头条ViewPager嵌套实例

要点:

1、重写组件public boolean onInterceptTouchEvent(MotionEvent event)方法

2、正确使用requestDisallowInterceptTouchEvent(boolean flag)方法

关于以上两个方法,请大家多看看相关介绍,这里就不在叙述了^_^

接下来上例子:

1、外层ViewPager布局 (假定文件名为viewpager_layout.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.support.v4.view.ViewPager

android:id="@+id/viewpager"

android:layout_width="fill_parent"

android:layout_height="300dp" >

</android.support.v4.view.ViewPager>

</LinearLayout>

2、里层ViewPager布局(假定文件名为child_viewpager_layout.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:gravity="center"

android:orientation="vertical" >

<!--com.android.mylistview.view.MyLayout为自定义的布局,主要是为了重写public boolean onInterceptTouchEvent(MotionEvent event)方法-->

<com.android.mylistview.view.MyLayout

android:id="@+id/mylayout"

android:layout_width="fill_parent"

android:layout_height="wrap_content" >

<android.support.v4.view.ViewPager

android:id="@+id/child_viewpager"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_above="@+id/testtextview" >

</android.support.v4.view.ViewPager>

<TextView

android:id="@+id/testtextview"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:layout_centerHorizontal="true"

android:layout_marginTop="10dp"

android:background="#999999"

android:padding="20dp"

android:textColor="@android:color/black" />

</com.android.mylistview.view.MyLayout>

</LinearLayout>

3、child_viewpager每一页中的内容(假定文件名为child_viewpager_item.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:gravity="center"

android:orientation="vertical" >

<RelativeLayout

android:layout_width="fill_parent"

android:layout_height="wrap_content" >

<ImageView

android:id="@+id/imageview"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:background="@drawable/ic_launcher" />

<TextView

android:id="@+id/textview"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:layout_centerHorizontal="true" />

</RelativeLayout>

</LinearLayout>

4、以上为全部布局文件,接下来自定义MyLayout布局

复制代码 代码如下:

public class MyLayout extends RelativeLayout

{

ViewPager child_viewpager;

float startX;

/**

* @param context

* @param attrs

*/

public MyLayout(Context context, AttributeSet attrs)

{

super(context, attrs);

}

//这里是关键

public boolean onInterceptTouchEvent(MotionEvent event)

{

int action = event.getAction();

switch (action)

{

case MotionEvent.ACTION_DOWN://按下

startX = event.getX();

getParent().requestDisallowInterceptTouchEvent(true);

break;

//滑动,在此对里层viewpager的第一页和最后一页滑动做处理

case MotionEvent.ACTION_MOVE:

if (startX == event.getX())

{

if (0 == child_viewpager.getCurrentItem()

|| child_viewpager.getCurrentItem() == child_viewpager

.getAdapter().getCount() - 1)

{

getParent().requestDisallowInterceptTouchEvent(false);

}

}

//里层viewpager已经是最后一页,此时继续向右滑(手指从右往左滑)

else if (startX > event.getX())

{

if (child_viewpager.getCurrentItem() == child_viewpager

.getAdapter().getCount() - 1)

{

getParent().requestDisallowInterceptTouchEvent(false);

}

}

//里层viewpager已经是第一页,此时继续向左滑(手指从左往右滑)

else if (startX < event.getX())

{

if (child_viewpager.getCurrentItem() == 0)

{

getParent().requestDisallowInterceptTouchEvent(false);

}

} else

{

getParent().requestDisallowInterceptTouchEvent(true);

}

break;

case MotionEvent.ACTION_UP://抬起

case MotionEvent.ACTION_CANCEL:

getParent().requestDisallowInterceptTouchEvent(false);

break;

}

return false;

}

//注入里层viewpager

public void setChild_viewpager(ViewPager child_viewpager)

{

this.child_viewpager = child_viewpager;

}

}

5、最后是主activity

复制代码 代码如下:

public class TestViewpager extends Activity

{

private ViewPager viewpager;

@Override

protected void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.viewpager_layout);

viewpager = (ViewPager) findViewById(R.id.viewpager);

LayoutInflater inflater = LayoutInflater.from(this);

List<View> list = new ArrayList<View>();

View view = null, childView = null;

ViewPager child_viewpager;

TextView textview, testtextview;

List<View> childlist = null;

MyLayout mylayout;

for (int i = 0; i < 3; i++)

{

view = inflater.inflate(R.layout.child_viewpager_layout, null);

mylayout = (MyLayout) view.findViewById(R.id.mylayout);

testtextview = (TextView) view.findViewById(R.id.testtextview);

testtextview.setText("viewpager:" + i);

list.add(view);

child_viewpager = (ViewPager) view

.findViewById(R.id.child_viewpager);

//注入里层viewpager

mylayout.setChild_viewpager(child_viewpager);

childlist = new ArrayList<View>();

for (int j = 0; j < 3; j++)

{

childView = inflater.inflate(R.layout.child_viewpager_item,

null);

textview = (TextView) childView.findViewById(R.id.textview);

textview.setText("view" + i + ":" + j);

childlist.add(childView);

child_viewpager.setAdapter(new ViewPagerAdapter(childlist));

}

}

viewpager.setAdapter(new ViewPagerAdapter(list));

}

}

时间: 2024-10-27 14:40:37

仿网易新闻客户端头条ViewPager嵌套实例的相关文章

仿网易新闻客户端头条ViewPager嵌套实例_Android

要点: 1.重写组件public boolean onInterceptTouchEvent(MotionEvent event)方法 2.正确使用requestDisallowInterceptTouchEvent(boolean flag)方法 关于以上两个方法,请大家多看看相关介绍,这里就不在叙述了^_^ 接下来上例子: 1.外层ViewPager布局 (假定文件名为viewpager_layout.xml) 复制代码 代码如下: <?xml version="1.0" e

仿网易新闻客户端

https://github.com/xiangzhihong/newsApp newsApp是一款仿网易新闻的客户端产品,非官方版本,属于个人业余时间做的一个小项目: 界面有一些仿网易新闻客户端 主要用到了网络请求,下拉刷新,指示器,以及一些自定义的动画效果,由于现在流行将代码开源,如实我也开源了几个项目,希望大家喜欢. 主要分为四大板块: [文章] [视频] [论坛] [游戏]   整体架构采用了MVC的设计模式 项目中由于存在大量网络图片,所以采用了二级缓存 主要使用的第三方开源框架有:

Android SlidingMenu 仿网易新闻客户端布局

前面两篇文章中的SlidingMenu都出现在左侧,今天来模仿一下网易新闻客户端左右两边都有SlidingMenu的效果,以下是网易新闻客户端效果:               不扯闲话了,直接进入正题吧   frame_content.xml   [html] view plaincopy   <?xml version="1.0" encoding="utf-8"?>   <FrameLayout xmlns:android="htt

Android项目实战之仿网易新闻的页面(RecyclerView )

本文实例实现一个仿网易新闻的页面,上面是轮播的图片,下面是 RecyclerView 显示新闻列表,具体内容如下 错误方法 <?xml version="1.0" encoding="utf-8"?> <LinearLayout ...> <ViewPager ... /> <android.support.v7.widget.RecyclerView .../> </LinearLayout> 这样布局

模仿android网易新闻客户端左右动画效果

http://www.cnblogs.com/and_he/archive/2012/03/31/2426248.html 一.摘要 偶然在一个论坛上面看到有人模拟网易新闻客户端首页顶部那个组件效果,一时兴起,也来自己动手完整地模拟一个,包括顶部的特效组件和底部的类似于TabHost的组件.下面就动手一步一步地Coding...二.效果截图 三.底部类似TabHost组件切换效果的实现为了便于大家亲自动手实践,这里的讲解顺序就按照开发的顺序来讲,所以先做这个底部的"TabHost",然

Android实现网易新闻客户端首页效果_Android

关于实现网易新闻客户端的界面,以前写过很多博客,请参考: Android实现网易新闻客户端效果 Android实现网易新闻客户端侧滑菜单(一) Android实现网易新闻客户端侧滑菜单(二) 今天用ViewPager + FragmentAdapter + ViewPagerIndicator来实现. ViewPagerIndicator是一款分页指标小部件兼容ViewPager,封装上做得非常不错,目前已为众多知名应用所使用.具体API的使用,大家可以下载官方demo示例研究研究就知道啦! 下

Android实现网易新闻客户端首页效果

关于实现网易新闻客户端的界面,以前写过很多博客,请参考: Android实现网易新闻客户端效果 Android实现网易新闻客户端侧滑菜单(一) Android实现网易新闻客户端侧滑菜单(二) 今天用ViewPager + FragmentAdapter + ViewPagerIndicator来实现. ViewPagerIndicator是一款分页指标小部件兼容ViewPager,封装上做得非常不错,目前已为众多知名应用所使用.具体API的使用,大家可以下载官方demo示例研究研究就知道啦! 下

网易新闻客户端“金币”破解消费难题

文/Neo自从业内有了"移动互联网船票"概念后,除了被公认已经拿到一张豪华仓位VIP金票的微信外,各家均在剑拔弩张的争抢移动端入口,这其中最为热闹的当属移动新闻客户端领域.2013年,至少包括腾讯.搜狐.网易三家都已早早宣布用户过亿,起步较晚新浪新闻.后半年大热的今日头条也在逐步接近这个数字,可以预见,2014年新闻客户端大战仍将蔓延.不过,与IM.移动电商甚至接地气的O2O领域,内容类APP的盈利模式并不为 看好--尽管移动广告投放越来越被企业看重,但这种过于陈旧的广告模式一点也不够

网易新闻客户端推出了4.0版本

摘要: 今天,网易新闻客户端推出了4.0版本,在富媒体内容的基础之上挖掘出更多服务功能,最明显的就是本地频道加入了本地生活服务类资讯,它引入的是第三方服务信息,比如团购秒杀. 今天,网易新闻客户端推出了4.0版本,在富媒体内容的基础之上挖掘出更多服务功能,最明显的就是本地频道加入了本地生活服务类资讯,它引入的是第三方服务信息,比如团购秒杀.美食旅游攻略等. 网易特色的"跟贴"功能也得到了丰富--加入本语音跟贴功能(部分内容支持该功能),考虑到跟贴的活跃热闹程度,这在用户体验上很容易让人