
自定义view
文章平均质量分 79
别人都叫我小华
这个作者很懒,什么都没留下…
展开
-
自定义View之定义一个简化版的TextView
1:自定义View基本知识(这里以一个简化版的TextView为例:名称为CustomTextView)1.1 自定义属性 在android的布局文件中,我们会使用一些属性值来使得当前的这个控件达到自己想要的效果,最基本的,例如:android:layout_width , android:layout_width等等,这些便是控件本身的属性。下面,我们来说说如何去自定义一个控件的属性。原创 2017-08-26 23:09:39 · 466 阅读 · 0 评论 -
使用SVG打造可交互的自定义地图
最近发现了一个好玩的东西:SVG,秉承着学以致用的原则,做了一个小demo。 先上效果图: 这是一个可以交互的中国地图.像这类复杂的自定义空间,如果要我们自己来画,我估计会让我开始怀疑人生吧!好了 废话不多说,下面我们就用svg的方式来实现这个自定义的地图控件: 步骤: 1:下载中国地图的svg文件 2:然后将svg文件转换成android能用的xml文件:附上链接一个:http://i原创 2017-11-19 18:47:42 · 11983 阅读 · 4 评论 -
自定义View系列目录索引
Android自定义View目录索引当谷歌封装的一些原生的控件不能满足我们的需求时,自定义view就变得越来越重要了,尤其是对于一些对界面要求很高的app中,自定义view更是随处可见的!1:入门从一个简化版的TextView开始2:自定义一个圆形运动步数计数效果3:仿今日头条的滚动指示器的效果4:仿各种客户端都具备的评分控件5: 自定义高亮显示的字母序列控件6:使用Adapter设计模式打造一原创 2017-08-26 22:09:02 · 557 阅读 · 0 评论 -
自定义高亮显示的字母序列控件
最近看到有代码在实现类似通讯录字母索引的功能的时候,使用了ListView来做处理,个人觉得用ListView甚至现在很流行的RecycleView来做并不好,可以来自定义一个索引的控件,达到更好的效果,话不多说,先上效果图: 首先:先来说说需求把字母[A - Z - #]在控件中画出来(这里以字母来举例)当触摸到某个字母时,高亮显示给控件设置监听,显示当前触摸到的字母下面,就开始撸码(其原创 2017-09-02 22:52:01 · 541 阅读 · 0 评论 -
仿各种客户端都具备的评分控件
虽然android已经有一个评分控件了,貌似应该就叫做RantingBar吧,具体也记不太清楚了,下面我们来自定义一个评分控件!先来上个效果图吧!下面,我们来看一下自定义这个评分控件的步骤吧1:看需求:首先,从上图可知,需要自定义的属性有五角星的个数,为评分时的五角星图片,评分后的五角星个数,五角星和五角星之间的距离。 2:自定义属性:<declare-styleable name="Custom原创 2017-09-02 19:20:43 · 484 阅读 · 0 评论 -
仿今日头条的滚动指示器的效果
最近在看今日头条的时候,发现他们的引导的viewpager的指示器跟其他软件有点不同,字体颜色是渐变过去的,所以来模仿了下,效果图如下:首先,分析上面的动态图,其中两个不同的textview,一个颜色是从左往右变化的,另一个是从右往左变化的。下面 我们先来分别实现下从左往右变化的TextView和颜色从右往左变化的TextView。原创 2017-09-02 00:24:56 · 1646 阅读 · 0 评论 -
仿某直播平台的点赞效果
现在的直播平台已经是多的不得了了,而给主播点赞的效果,也是各不相同,今天,我们来自定义一个点赞的效果! 先上效果:当点击点赞按钮的时候,就会有不同颜色的心型从底部冒出,并按照不规则的路线运动,在运动过程中,伴随着各种动画!好了,话不多说,直接上代码:/** * Created by DELL on 2017/9/16. * Description : 花束点赞效果 */public clas原创 2017-09-17 14:10:07 · 2502 阅读 · 0 评论 -
自定义加载动画的效果
大家好,今天分享一个之前在某个app上看到一个加载的效果,效果如下:首先,我们来拆分下这个效果:首先,最上面的是一个带着各种动画的会变形的图形然后接下来的,是一个阴影的效果,距离图形越远,阴影的面积就越大最下面,是一个TextView好,按照我们的拆分步骤,首先来实现下图形变化这个效果:话不多说,直接上代码:/** * Created by DELL on 2017/9/14. * De原创 2017-09-17 13:31:23 · 761 阅读 · 0 评论 -
仿雅虎新闻的加载自定义view
首先,来看一下今天我们需要实现的一个效果:就是这么一个效果(最后从网上照了一张adidas的壁纸,希望不要被打)首先,我们先来分析一下这个动画的实现步骤:首先,第一个进入的是一个6个小圆组成的一个大圆的旋转动画在旋转动画结束了,伴随着的是一个小圆的扩张和聚合动画最后聚合到一个点之后,开启水波纹动画,过渡到呈现加载的内容首先,我们先来实现第一个效果(小圆的旋转效果): 今天给出的实现方法是:原创 2017-09-17 12:39:19 · 441 阅读 · 0 评论 -
仿二手车之家的竖直拖动栏自定义View
大家好,本篇博客带来的一个效果是仿二手车之家的竖直拖动蓝的一个效果,具体如下:为什么会选择写一个这样的效果呢?是因为这里牵涉到了两个知识点,一个是最近正在学习的事件分发,还有一个是ViewDragHelper这个拖拽的工具类。首先 我们先实现这个一个拖拽的效果: 下面的红色的区域块,可以在竖直方向上拖动,当区域仅限于后面颜色的高度,话不多说,直接上代码:/** * Created by DELL原创 2017-09-17 12:56:39 · 440 阅读 · 0 评论 -
自定义一个圆形运动步数de计步效果
今天来分享一个自定义圆形计步器的效果,通过这个demo,一起来熟悉下Paint画笔的使用,先上一波效果图: 首先,按照原先的自定义View的套路:分析自定义View的效果的需求在attrs.xml中自定义View的属性在布局文件中引用自定义属性在自定义View的类中获取自定义View的属性并设置相应的属性在onMeasure()方法中去测量自定义View在onDraw()方法中原创 2017-08-30 19:32:34 · 858 阅读 · 0 评论 -
使用一种独特的方式实现动画框架
使用一种独特的方式实现动画框架在App中,为了展现的效果更佳,设计师通常都会加入一些动画的元素在里面,在现在的各类应用中,动画也变得越来越常见,今天,分享的是一种实现动画框架的思路,具体的效果图可以参考下面这个视差动画(只是例子): 从效果图看,要实现该效果,应该是不难的,正常操作都是给每一个View设置动画 如:view.setScaleX()…… 但这样的话,虽然是效果实现了,但原创 2018-01-14 15:59:36 · 434 阅读 · 0 评论