先给大家这是下效果图:
谷歌提供的v4包,VIEwPager
在布局文件中,先添加<androID.support.v4.vIEw.VIEwPager/>控件,这个只是轮播的区域
在布局文件中,布置标题描述部分
线性布局,竖向排列,背景色黑色半透明,这个布局和上面的VIEwPager底部对齐layout_alignBottom=”@id/xxx”
<TextVIEw/>居中显示,
小点部分,先放过空的linearLayout,ID是ll_points在代码中对其进行填充
获取VIEwPager对象
调用VIEwPager对象的setAdapter()方法,参数:PagerAdapter对象
因为PagerAdapter是抽象类,定义一个MyPagerAdapter继承PagerAdapter,实现以下方法
重写getCount()方法,返回轮播的个数
重写isVIEwFromObject()方法,返回布尔值,
重写instantiateItem()方法,将当前vIEw对象添加到VIEwGroup对象,返回当前对象
重写destroyItem()方法,从当前container中删除指定位置(position)的VIEw
切换描述标题字符串
定义一个String[]数组,保存标题
调用VIEwPager对象的setonPagerchangelistener()方法,参数:OnPagerchangelistener对象
匿名内部类实现,重写以下方法
onPageSelected()方法,页面切换后调用,传递进参数,int索引
onPageScrolled()方法,当页面正在滚动的时候
onPageScrollStateChanged()方法,当页面滚动状态改变的时候
小图标部分
新建两个shape文件,使用xml画两个原点
添加节点<shape>,设置形状为原型androID:shape=”oval”
添加尺寸节点<size> ,设置宽度,高度,androID:wIDth=”” androID:height=””
添加颜色节点<solID>,设置颜色 androID:color=””
正常情况下,灰色点,焦点的时候,白色的点,两个xm文件的颜色不一样
point.xml
<?xml version="1.0" enCoding="utf-8"?><shape xmlns:androID="http://schemas.androID.com/apk/res/androID"androID:shape="oval" ><sizeandroID:height="4dp"androID:wIDth="4dp" /><solID androID:color="#aaffffff"/></shape>
point_write.xml
<?xml version="1.0" enCoding="utf-8"?><shape xmlns:androID="http://schemas.androID.com/apk/res/androID"androID:shape="oval" ><sizeandroID:height="4dp"androID:wIDth="4dp" /><solID androID:color="#ffffffff"/></shape>
新建一个selector文件,当图片enable的时候白色的点,不可用的时候灰色的点,不同的状态不同的图片
添加<selector>节点
添加<item>节点,设置图片属性androID:drawable=”” 设置状态androID:enabled=”true|false”
point_selector.xml
<?xml version="1.0" enCoding="utf-8"?><selector xmlns:androID="http://schemas.androID.com/apk/res/androID" ><item androID:drawable="@drawable/point" androID:state_enabled="false"></item><item androID:drawable="@drawable/point_write" androID:state_enabled="true"></item></selector>
循环大图片的个数,创建ImageVIEw对象,
调用ImageVIEw对象setimageResource()方法,设置资源,参数:selector文件
调用ImageVIEw对象的setLayoutParams()方法,给小图标ImageVIEw对象添加一些margin值,参数:LayoutParams对象,获取linearLayout.LayoutParams对象,调用LayoutParams对象的rightmargin()方法,设置margin值
调用ImageVIEw对象的setEnabled()方法,设置是否可用,参数:布尔值
获取linearLayout对象,调用linearLayout对象的addVIEw()方法,把小图标的视图填进去,参数:ImageVIEw对象
默认第一个是焦点,随着图片滑动,焦点跟着改变
package com.tsh.myvIEwpager;import java.util.ArrayList;import java.util.List;import androID.app.Activity;import androID.os.Bundle;import androID.support.v.vIEw.PagerAdapter;import androID.support.v.vIEw.VIEwPager;import androID.support.v.vIEw.VIEwPager.OnPagechangelistener;import androID.vIEw.VIEw;import androID.vIEw.VIEwGroup;import androID.Widget.ImageVIEw;import androID.Widget.linearLayout;import androID.Widget.TextVIEw;public class MainActivity extends Activity {private VIEwPager vp_banner;private linearLayout ll_points;private TextVIEw tv_Title;private List<VIEw> banners;private String[] Titles=new String[]{"新闻标题","新闻标题","新闻标题"};private List<ImageVIEw> points=new ArrayList<ImageVIEw>();@OverrIDeprotected voID onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentVIEw(R.layout.activity_main);// 初始化vp_banner = (VIEwPager) findVIEwByID(R.ID.vp_banner);ll_points = (linearLayout) findVIEwByID(R.ID.ll_points);tv_Title = (TextVIEw) findVIEwByID(R.ID.tv_Title);// banner部分banners = new ArrayList<>();ImageVIEw img = new ImageVIEw(this);img.setimageResource(R.drawable.a);banners.add(img);ImageVIEw img = new ImageVIEw(this);img.setimageResource(R.drawable.b);banners.add(img);ImageVIEw img = new ImageVIEw(this);img.setimageResource(R.drawable.c);banners.add(img);//小图标ll_points=(linearLayout) findVIEwByID(R.ID.ll_points);for(int i=;i<banners.size();i++){ImageVIEw image=new ImageVIEw(this);image.setimageResource(R.drawable.point_selector);linearLayout.LayoutParams params=new linearLayout.LayoutParams(,);params.rightmargin=;image.setLayoutParams(params);ll_points.addVIEw(image);if(i==){image.setEnabled(true);}else{image.setEnabled(false);}points.add(image);}// 设置适配器vp_banner.setAdapter(new MyPagerAdapter());vp_banner.setonPagechangelistener(new OnPagechangelistener() {@OverrIDepublic voID onPageSelected(int arg) {tv_Title.setText(Titles[arg]);//小图标处理for(ImageVIEw point:points){point.setEnabled(false);}points.get(arg).setEnabled(true);}@OverrIDepublic voID onPageScrolled(int arg,float arg,int arg) {// Todo auto-generated method stub}@OverrIDepublic voID onPageScrollStateChanged(int arg) {// Todo auto-generated method stub}});}private class MyPagerAdapter extends PagerAdapter {@OverrIDepublic voID destroyItem(VIEwGroup container,int position,Object object) {container.removeVIEw(banners.get(position));}@OverrIDepublic Object instantiateItem(VIEwGroup container,int position) {container.addVIEw(banners.get(position));return banners.get(position);}@OverrIDepublic int getCount() {return banners.size();}@OverrIDepublic boolean isVIEwFromObject(VIEw arg,Object arg) {return arg == arg;}}}
以上所述是小编给大家介绍的AndroID开发之滑动图片轮播标题焦点的相关知识,希望对大家有所帮助!
总结以上是内存溢出为你收集整理的Android开发之滑动图片轮播标题焦点全部内容,希望文章能够帮你解决Android开发之滑动图片轮播标题焦点所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)