华为美腿妻手机卖的比较火,其中的一个两点是Emotion 3.0,里面各种UI让人耳目一新的感觉。
一开始看到我就喜欢了其中的很多设计。其中的一个是左右滑动类似于开源项目Indecator的。但是他的实现不仅仅是这个。
于是我就再别人的基础上改动了一下,有了相同的效果。
这个效果是在另外一个人的代码基础上改的。
参考代码地址:http://blog.csdn.net/singwhatiwanna/article/details/17201587
先看看效果:截图来自个人设计的糗事百科客户端。 时间紧拖了好久,终于基本功能算是差不多了。
主要的实现思路就是监听Fragment滑动,根据滑动的距离通过paint画出小圆点。
TitleIndicator中
// 实心圆画笔mPaint = new Paint();mPaint.setColor(Color.parseColor("#FFFFFF"));mPaint.setAntiAlias(true);canvas.drawCircle(left_x + mPerItemWidth / 2f, bottom_y, mContext.getResources().getDimension(R.dimen.circle_r), mPaint);
Demo代码地址:http://download.csdn.net/detail/xxm282828/8136811
自己再打算使用这个的时候已经做了删减,这里贴出来的是刚开始的代码。
个人觉得代码可以进一步简化。并不需要特别的逻辑,否则就会导致后续开发绕弯子,但是因为时间关系这里就不说了。