- 浏览: 5777050 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (890)
- WindowsPhone (0)
- android (88)
- android快速迭代 (17)
- android基础 (34)
- android进阶 (172)
- android高级 (0)
- android拾遗 (85)
- android动画&效果 (68)
- Material Design (13)
- LUA (5)
- j2me (32)
- jQuery (39)
- spring (26)
- hibernate (20)
- struts (26)
- tomcat (9)
- javascript+css+html (62)
- jsp+servlet+javabean (14)
- java (37)
- velocity+FCKeditor (13)
- linux+批处理 (9)
- mysql (19)
- MyEclipse (9)
- ajax (7)
- wap (8)
- j2ee+apache (24)
- 其他 (13)
- phonegap (35)
最新评论
-
Memories_NC:
本地lua脚本终于执行成功了,虽然不是通过redis
java中调用lua脚本语言1 -
ZHOU452840622:
大神://处理返回的接收状态 这个好像没有监听到 遇 ...
android 发送短信的两种方式 -
PXY:
拦截部分地址,怎么写的for(int i=0;i<lis ...
判断是否登录的拦截器SessionFilter -
maotou1988:
Android控件之带清空按钮(功能)的AutoComplet ...
自定义AutoCompleteTextView -
yangmaolinpl:
希望有表例子更好。。。,不过也看明白了。
浅谈onInterceptTouchEvent、onTouchEvent与onTouch
一切为了快速迭代!
自定义属性:
两个点:
不使用上面的类。
快速的使用方法:
伪代码
CircleIndicator
https://github.com/THEONE10211024/CircleIndicator
import android.content.Context; import android.content.res.TypedArray; import android.support.v4.view.ViewPager; import android.util.AttributeSet; import android.view.Gravity; import android.view.ViewGroup; import android.widget.FrameLayout; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.TextView; import java.lang.reflect.Field; /** * Created by liangfei on 3/26/15. */ public class CirclePageIndicator extends LinearLayout implements ViewPager.OnPageChangeListener { public static final int INDICATOR_TYPE_CIRCLE = 0; public static final int INDICATOR_TYPE_FRACTION = 1; public enum IndicatorType { CIRCLE(INDICATOR_TYPE_CIRCLE), FRACTION(INDICATOR_TYPE_FRACTION), UNKNOWN(-1); private int type; IndicatorType(int type) { this.type = type; } public static IndicatorType of(int value) { switch (value) { case INDICATOR_TYPE_CIRCLE: return CIRCLE; case INDICATOR_TYPE_FRACTION: return FRACTION; default: return UNKNOWN; } } } public static final int DEFAULT_INDICATOR_SPACING = 5; private int mActivePosition = -1; private int mIndicatorSpacing; private boolean mIndicatorTypeChanged = false; private IndicatorType mIndicatorType = IndicatorType.of(INDICATOR_TYPE_CIRCLE); private ViewPager mViewPager; private ViewPager.OnPageChangeListener mUserDefinedPageChangeListener; public CirclePageIndicator(Context context) { this(context, null); } public CirclePageIndicator(Context context, AttributeSet attrs) { this(context, attrs, 0); } public CirclePageIndicator(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); TypedArray a = context.getTheme().obtainStyledAttributes( attrs, R.styleable.CirclePageIndicator, 0, 0); try { mIndicatorSpacing = a.getDimensionPixelSize( R.styleable.CirclePageIndicator_indicator_spacing, DEFAULT_INDICATOR_SPACING); int indicatorTypeValue = a.getInt( R.styleable.CirclePageIndicator_indicator_type, mIndicatorType.type); mIndicatorType = IndicatorType.of(indicatorTypeValue); } finally { a.recycle(); } init(); } private void init() { setOrientation(HORIZONTAL); if (!(getLayoutParams() instanceof FrameLayout.LayoutParams)) { FrameLayout.LayoutParams params = new FrameLayout.LayoutParams( ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT); params.gravity = Gravity.BOTTOM | Gravity.START; setLayoutParams(params); } } public void setViewPager(ViewPager pager) { mViewPager = pager; mUserDefinedPageChangeListener = getOnPageChangeListener(pager); pager.setOnPageChangeListener(this); setIndicatorType(mIndicatorType); } public void setIndicatorType(IndicatorType indicatorType) { mIndicatorType = indicatorType; mIndicatorTypeChanged = true; if (mViewPager != null) { addIndicator(mViewPager.getAdapter().getCount()); } } private void removeIndicator() { removeAllViews(); } private void addIndicator(int count) { removeIndicator(); if (count <= 0) return; if (mIndicatorType == IndicatorType.CIRCLE) { for (int i = 0; i < count; i++) { ImageView img = new ImageView(getContext()); LayoutParams params = new LayoutParams( LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); params.leftMargin = mIndicatorSpacing; params.rightMargin = mIndicatorSpacing; img.setImageResource(R.drawable.circle_indicator_stroke); addView(img, params); } } else if (mIndicatorType == IndicatorType.FRACTION) { TextView textView = new TextView(getContext()); textView.setTag(count); LayoutParams params = new LayoutParams( LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); addView(textView, params); } updateIndicator(mViewPager.getCurrentItem()); } private void updateIndicator(int position) { if (mIndicatorTypeChanged || mActivePosition != position) { mIndicatorTypeChanged = false; if (mIndicatorType == IndicatorType.CIRCLE) { ((ImageView) getChildAt(mActivePosition)) .setImageResource(R.drawable.circle_indicator_stroke); ((ImageView) getChildAt(position)) .setImageResource(R.drawable.circle_indicator_solid); } else if (mIndicatorType == IndicatorType.FRACTION) { TextView textView = (TextView) getChildAt(0); //noinspection RedundantCast textView.setText(String.format("%d/%d", position + 1, (int) textView.getTag())); } mActivePosition = position; } } private ViewPager.OnPageChangeListener getOnPageChangeListener(ViewPager pager) { try { Field f = pager.getClass().getDeclaredField("mOnPageChangeListener"); f.setAccessible(true); return (ViewPager.OnPageChangeListener) f.get(pager); } catch (NoSuchFieldException e) { e.printStackTrace(); } catch (IllegalAccessException e) { e.printStackTrace(); } return null; } @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { if (mUserDefinedPageChangeListener != null) { mUserDefinedPageChangeListener.onPageScrolled(position, positionOffset, positionOffsetPixels); } } @Override public void onPageSelected(int position) { updateIndicator(position); if (mUserDefinedPageChangeListener != null) { mUserDefinedPageChangeListener.onPageSelected(position); } } @Override public void onPageScrollStateChanged(int state) { if (mUserDefinedPageChangeListener != null) { mUserDefinedPageChangeListener.onPageScrollStateChanged(state); } } }
自定义属性:
<resources> <declare-styleable name="CirclePageIndicator"> <attr name="indicator_spacing" format="dimension" /> <attr name="indicator_type" format="enum"> <enum name="circle" value="0" /> <enum name="fraction" value="1" /> </attr> </declare-styleable> </resources>
两个点:
不使用上面的类。
快速的使用方法:
伪代码
private ViewPager viewPager; private LinearLayout indicators; private ArrayList<View> listViews = new ArrayList<View>(); private int curPagerPosition=0,oldPagerPosition=0; ....... viewPager=(ViewPager)findViewById(R.id.viewPager); indicators=(LinearLayout)findViewById(R.id.indicators); viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageSelected(int position) { // TODO Auto-generated method stub indicators.getChildAt(oldPagerPosition).setBackgroundResource(R.drawable.img_detail_dot_normal); indicators.getChildAt(position).setBackgroundResource(R.drawable.img_detail_dot_selected); oldPagerPosition=position; } @Override public void onPageScrolled(int arg0, float arg1, int arg2) { // TODO Auto-generated method stub } @Override public void onPageScrollStateChanged(int arg0) { // TODO Auto-generated method stub } });
indicators.removeAllViews(); LinearLayout.LayoutParams params=new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT); params.leftMargin=10; params.rightMargin=10; List<ProductImgEntity> imgs=curProductDetailInfo.getImgs(); if(curProductDetailInfo.getImgs()==null){ showToast(R.string.alert_data_incomplete); return; } int size=imgs.size(); for(int i=0;i<size;i++){ View view=LayoutInflater.from(context).inflate(R.layout.item_product_img, null); ImageView item_0=(ImageView)view.findViewById(R.id.item_0); Commands.loadImageByVolley(curProductDetailInfo.getImgs().get(i).getImgUrl(),item_0,R.drawable.default_img,400,400); listViews.add(view); ImageView child=new ImageView(context); child.setLayoutParams(params); child.setBackgroundResource(i==curPagerPosition?R.drawable.img_detail_dot_selected:R.drawable.img_detail_dot_normal); indicators.addView(child); } viewPager.setAdapter(new MyPagerAdapter(listViews));
CircleIndicator
https://github.com/THEONE10211024/CircleIndicator
发表评论
-
工具类之FragmentUtils
2017-04-01 11:37 1649fragment应该是广大Android开发者都用到过的一个v ... -
左中右结构的行布局
2016-12-19 21:35 1141最近项目要开发一个新版本,发现项目中许多布局大致都相同改动不大 ... -
RecyclerView:带header&footer&加载更多
2015-09-09 16:24 2918接上一篇 由简到繁,循序渐进 实现了: 0,点击&长按 ... -
RecyclerView:带header和footer的grid
2015-09-09 13:47 3000知道原理后,为RecyclerView实现同时带header和 ... -
RecyclerView:带header的grid
2015-09-09 13:01 2391RecyclerView是一个高度可定制性的View 本文将使 ... -
iconify使用文本替换icon测试
2015-08-28 17:12 1654源项目地址 https://github.com/JoanZa ... -
快速上传头像到服务端工具类FaceUtil
2015-07-12 14:22 3018快速迭代用 import java.io.DataOut ... -
HorizontalScrollView+RadioGroup+ViewPager+FragmentPagerAdapter基本结构
2015-07-12 13:56 3248快速迭代用 import java.util.Arr ... -
LoadMoreListView+SwipeRefreshLayout(分页下拉)基本结构
2015-07-12 13:07 4107一切为了快速迭代 import java.util. ... -
RadioButton+ViewPager+FragmentPagerAdapter快速搭建页面结构
2015-07-12 11:08 2516一切为了快速开发 开发类似界面 import and ... -
简单实现可以多选的ProductListDialog<T>
2015-06-25 22:33 1214只是一个范例,是为了代码快速迭代而写的 使用了listView ... -
基于上一篇写的SimplePairListPopupWindow<F,S>
2015-06-19 11:15 1494这次使用Pair<F,S>实现一个简单的Simpl ... -
基于上一篇实现的SimpleListPopupWindow<T>
2015-06-19 11:11 1479这次是个简单的PopupWindow,快速迭代用。 imp ... -
实现一个快速简单的SimpleListDialog<T>
2015-06-19 10:59 1703我写这样的文章都是为了快速迭代,所以都写的比较简单,谅解 此 ... -
为ViewPager设置SimpleViewPagerIndicator
2015-02-14 13:45 4678说到ViewPagerIndicator,网上有很多专门的开源 ... -
一个典型的从下部弹上来的Dialog
2014-12-05 14:47 6007典型的看图 import android.app ...
相关推荐
ViewPager实现图片 小圆点切换
Android viewpager打造带小圆点的引导页,代码都有注释,简单易懂。
这是一个用android的画笔工具画的viewpager 的指示小圆点,采用派生的view可以更好的省内存和移植,是指示小圆点的最佳选择
Android ViewPager 图片无限滑动和根据图片数量自动生成的小圆点
ViewPager底部小圆点指示
此效果是实现viewpager翻页的时候底部会有几个小圆点,随着页码的改变小圆点的位置也改变。这个效果的实现方法有很多种,网上有很多好的开源项目,这里我是自己以前写的一个实现方法,整理一下分享一下,方便以后有...
viewpager无限轮播+小圆点的实现
滑动翻页带小圆点标示.
所谓动态添加,就是viewpager中有多个view,然后每个view中又有很多item,每个view相应的会有一个小圆点指示器;view、小圆点是根据实际数据的个数以及每页的item数动态生成的。
ViewPager带小圆点,我用到是Button代替小圆点
Viewpager无限轮播+小圆点
Demo中有三个功能:1.简单手滑图片ViewPager+底部小圆点导航;2.简单手滑图片可缩放ViewPager+底部小圆点导航;3.简单图片自动轮播ViewPager+底部小圆点导航
Viewpager setOffscreenPageLimit(0) 无效 至少会缓存一页 使用此viewpage 代替原生 的 之后设置setOffscreenPageLimit(0) 可不缓存
ViewPager无限循环+底部小圆点动态滑动
这是一个Viewpager的一个Demo,实现了点击校园点切换页面的效果
动态设置View的宽高(设置ViewPager的高度) 利用ViewPager显示banner的时候,一些人会直接写死ViewPager高度,比如在xml布局里面直接写成180dp。 本例在代码中动态设置ViewPager的高度,让他的高度始终和高度呈...
看了好多小伙伴和我一样在寻找焦点图片对应地下小圆点的例子 我自己做好了 特地来分享一下 主要框架为3部分 上半部分是图片左右切换 ...底部就是小圆点了 当显示第几张图片的时候 第几个小圆点就会为焦点
ViewPager小圆点联动
Android ViewPager实现无限循环(2.加入小圆点,优化自动和手动滑动冲突) 上一篇内容只是简单的实现了viewpager的页面自动轮播,但有以下两个缺点: 1.还没有小圆点,用户看不出总共有几页,当前在哪一页。 2.固定...