android116 轮播 viewPager实现
布局:
<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=".MainActivity" > <android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="200dp" >
</android.support.v4.view.ViewPager> 图片下面的灰色字体
<LinearLayout
android:layout_alignBottom="@id/viewPager" 在viewPager下面
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#77000000" 77表示半透明
android:padding="8dp"
android:orientation="vertical" > <TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal" 水平居中
android:textColor="#ffffff"
android:textSize="16sp"
android:singleLine="true" 不换行
android:ellipsize="end" 超出的文本在末尾显示...
android:id="@+id/tv_intro"
android:text="我是文本" /> <LinearLayout 文字下面的圆点
android:layout_marginTop="3dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/dot_layout"
android:layout_gravity="center_horizontal" 显示在中间
android:orientation="horizontal" > </LinearLayout>
</LinearLayout> </RelativeLayout>
颜色选择器:
selector_dot.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_enabled="true" android:drawable="@drawable/dot_focus"></item> enabled状态对应的图片
<item android:state_enabled="false" android:drawable="@drawable/dot_unfocus"></item>
</selector>
dot_unfocus.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
<solid android:color="#ffffff"/> </shape>
dot_unfocus.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
<solid android:color="#aa000000"/> </shape>
Mainactivity.java
package com.heima52.viewpager; import java.util.ArrayList; import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.app.Activity;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.Log;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
import android.widget.TextView; public class MainActivity extends Activity {
static private ViewPager viewPager;
private TextView tv_intro;
private LinearLayout dot_layout;
private ArrayList<Ad> list = new ArrayList<Ad>();
static Handler handler = new Handler(){
public void handleMessage(Message msg){
viewPager.setCurrentItem(viewPager.getCurrentItem()+1);
handler.sendEmptyMessageDelayed(0, 4000);//延迟4秒后发送消息
}
}; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
initView();
initListener();
initData();
} private void initView() {
setContentView(R.layout.activity_main);
viewPager = (ViewPager) findViewById(R.id.viewPager);
tv_intro = (TextView) findViewById(R.id.tv_intro);
dot_layout = (LinearLayout) findViewById(R.id.dot_layout);
} private void initListener() {
viewPager.setOnPageChangeListener(new OnPageChangeListener() {//滑动页改变时触发
@Override
public void onPageSelected(int position) {//page选中时调用
Log.e("Activity", "position: "+position);
updateIntroAndDot();
}
@Override
public void onPageScrolled(int position, float positionOffset,
int positionOffsetPixels) {
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
} private void initData() {
list.add(new Ad(R.drawable.a, "巩俐不低俗,我就不能低俗"));//R.drawable.a是选择高清图还是中等清晰的图片是取决于手机的分辨率的。
list.add(new Ad(R.drawable.b, "朴树又回来了,再唱经典老歌引百万人同唱啊"));
list.add(new Ad(R.drawable.c, "揭秘北京电影如何升级"));
list.add(new Ad(R.drawable.d, "乐视网TV版大放送"));
list.add(new Ad(R.drawable.e, "热血屌丝的反杀"));
initDots();
viewPager.setAdapter(new MyPagerAdapter());
//设置第一次显示在中间位置,并且是5的倍数,这样就能保证第一次显示第0个图片,并且左右都能够滑动,左滑动不为负数。
viewPager.setCurrentItem( (Integer.MAX_VALUE/2) - ( (Integer.MAX_VALUE/2)%list.size() ) );
updateIntroAndDot();
handler.sendEmptyMessageDelayed(0, 4000);//延迟4秒后发送消息,一开始循环显示图片。
} /**
* 初始化图片下的圆点,点的个数和图片个数一样
*/
private void initDots(){
for (int i = 0; i < list.size(); i++) {
View view = new View(this);//文字下的每一个圆点
//import android.widget.LinearLayout.LayoutParams;
LayoutParams params = new LayoutParams(8, 8);//属性,宽高都是8
if(i!=0){
params.leftMargin = 5;//第一个图片没有左边距,后面都有左边距
}
view.setLayoutParams(params);
view.setBackgroundResource(R.drawable.selector_dot);//圆点的背景图片。selector_dot是状态选择器,view是enable和unenable状态是时候显示不同的图片。
dot_layout.addView(view);//添加圆点,成为dot_layout的子节点
}
} /**
* 更新文本,文本跟着图片一起滑动
*/
private void updateIntroAndDot(){
int currentPage = viewPager.getCurrentItem()%list.size();
tv_intro.setText(list.get(currentPage).getIntro());//文本跟着图片一起滑动 for (int i = 0; i < dot_layout.getChildCount(); i++) {
dot_layout.getChildAt(i).setEnabled(i==currentPage);//设置圆点是否Enable从而显示不同的颜色。
}
} class MyPagerAdapter extends PagerAdapter{ /**
* 返回多少page
*/
@Override
public int getCount() {
int i = Integer.MAX_VALUE;
return 100;//调用instantiateItem方法的时候会检查position是否超出getCount()的范围,超出了就滑不动了,没有超出就继续加1并赋值给position,所以此时position会一直增加到100
}
/**
* true: 表示不去创建,使用缓存 false:去重新创建
* view: 当前滑动的view
* object:将要进入的新创建的view,由instantiateItem方法创建
*/
//ViewPager预加载机制:最多保存3个page(当前显示一个左边一个右边一个),超过的将需要被销毁掉
/*
判断当前显示的view和即将进入的view是不是同一个,
如果滑动没有超过一半则原来的view又进去就是同一个view不新创建,
如果滑动超过一半则原来的view出去新的view进来则创建一个新的view。
*/
@Override
public boolean isViewFromObject(View view, Object object) {
return view==object;
} /**
* 类似于BaseAdapger的getView方法
* 将数据设置给view
* 由于它最多就3个界面,不需要viewHolder
*/
@Override
public Object instantiateItem(ViewGroup container, int position) {
View view = View.inflate(MainActivity.this, R.layout.adapter_ad, null);
ImageView imageView = (ImageView) view.findViewById(R.id.image);
Ad ad = list.get(position%list.size());
imageView.setImageResource(ad.getIconResId());
container.addView(view);//一定不能少,将view加入到viewPager中
return view;
} /**
* 销毁page,多3个viewpager将会销毁。
* position: 当前需要销毁第几个page
* object:当前需要销毁的page
*/
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
// super.destroyItem(container, position, object);
container.removeView((View) object);
}
}
}
Ad.java
package com.heima52.viewpager; public class Ad {
private int iconResId;
private String intro; public Ad(int iconResId, String intro) {
super();
this.iconResId = iconResId;
this.intro = intro;
}
public int getIconResId() {
return iconResId;
}
public void setIconResId(int iconResId) {
this.iconResId = iconResId;
}
public String getIntro() {
return intro;
}
public void setIntro(String intro) {
this.intro = intro;
} }
adapter_ad.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" > <ImageView android:layout_width="match_parent"
android:src="@drawable/a"
android:id="@+id/image"
android:scaleType="fitXY" 图片跟view一样大
android:layout_height="match_parent"/> </LinearLayout>
android116 轮播 viewPager实现的更多相关文章
- android 自定义无限循环播放的viewPager。轮播ViewPager。实现循环播放 广告,主题内容,活动,新闻内容时。
前言 实际项目需要一个 播放广告的控件,可能有多个广告图片.每个一段时间更换该图片.简单来说,就是一个 “循环播放图片”的控件. 间隔时间更换图片 一般来说,图片切换时需要有动画效果 需要支持手势,用 ...
- ViewPager实现无限轮播踩坑记
最近笔者想通过ViewPager来实现一个广告Banner,并实现无限轮播的效果,但是在这个过程中踩了不少的坑,听我慢慢道来.如果大家有遇到和我一样的情况,可以参考我的解决方法,没有那就更好,如果针对 ...
- android实现3D Gallery 轮播效果,触摸时停止轮播
1.轮播控件涉及到的两个类 CarouselViewPager.java public class CarouselViewPager extends ViewPager { @IntDef({RES ...
- 踩石行动:ViewPager无限轮播的坑
2016-6-19 前言 View轮播效果在app中很常见,一想到左右滑动的效果就很容易想到使用ViewPager来实现.对于像我们常说的banner这样的效果,具备无限滑动的功能是可以用ViewPa ...
- Android使用ViewPager实现左右循环滑动及轮播效果
边界的时候会看到一个不能翻页的动画,可能影响用户体验.此外,某些区域性的ViewPager(例如展示广告或者公告之类的ViewPager),可能需要自动轮播的效果,即用户在不用滑动的情况下就能够看到其 ...
- Android使用ViewPager做轮播
ViewPager.html div.oembedall-githubrepos { border: 1px solid #DDD; list-style-type: none; margin: 0 ...
- Android ViewPager轮播图
Android客户端开发中很多时候需要用到轮播图的方式进行重点新闻的推送或者欢迎页面的制作,下面这个轮播图效果的Deamo来自互联网再经过修改而成. 1.布局文件activity_main.xml中添 ...
- 巧用ViewPager 打造不一样的广告轮播切换效果
一.概述 如果大家关注了我的微信公众号的话,一定知道我在5月6号的时候推送了一篇文章,文章名为Android超高仿QQ附近的人搜索展示(一),通过该文可以利用ViewPager实现单页显示多个Item ...
- viewPager+Handler+Timer简单实现广告轮播效果
基本思想是在Avtivity中放一个ViewPager,然后通过监听去实现联动效果,代码理由详细的解释,我就不说了. MainActivity.java package com.example.adm ...
随机推荐
- OK335xS LAN8710 phy driver hacking
/******************************************************************** * OK335xS LAN8710 phy driver h ...
- LeetCode Excel Sheet Column Title (输出excel表的列名称)
题意:给一个数字n,输出excel表的列名称. 思路:其实观察可知道,是个26进制的标记而已.那就模拟一下,每次计算一位时就先左移1位,再进行计算. class Solution { public: ...
- SQL RIGHT JOIN 关键字
SQL RIGHT JOIN 关键字 RIGHT JOIN 关键字会右表 (table_name2) 那里返回所有的行,即使在左表 (table_name1) 中没有匹配的行. RIGHT JOIN ...
- 【转】【iOS】导航栏那些事儿
原文网址:http://www.jianshu.com/p/f797793d683f 参考文章 navigationItem UINavigationItem UINavigationBar UIBa ...
- 我的WCF之旅(3):在WCF中实现双工通信
双工(Duplex)模式的消息交换方式体现在消息交换过程中,参与的双方均可以向对方发送消息.基于双工MEP消息交换可以看成是多个基本模式下(比如请求-回复模式和单项模式)消息交换的组合.双工MEP又具 ...
- 再见WCF
转眼微软的WCF已走过十个年头,它是微软通信框架的集大成者,将之前微软所有的通信框架进行了整合,提供了统一的应用方式.记得从自己最开始做MFC时,就使用过Named Pipe命名管道,之后做Winfo ...
- Webservice、WSDL三种服务访问的方式【转】
http://www.cnblogs.com/yongfeng/archive/2013/01/30/2883146.html 用soapUI试了下wsdl的测试,但还是不知道webService和W ...
- HDU 5690 All X 暴力循环节
分析:暴力找循环节就好了 #include <iostream> #include <cstdio> #include <cstdlib> #include < ...
- HDU4612 Warm up 边双(重边)缩点+树的直径
题意:一个连通无向图,问你增加一条边后,让原图桥边最少 分析:先边双缩点,因为连通,所以消环变树,每一个树边都是桥,现在让你增加一条边,让桥变少(即形成环) 所以我们选择一条树上最长的路径,连接两端, ...
- SVN server 安装 并创建用户访问
1. 下载svn 官网https://www.visualsvn.com/server/download/ 或者其他网站都行,下载是VisualSVN-Server-3.5.6.msi. 2.安装 ...