首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Android 自定义View

这篇文章是一个自定义View的学习总结文章,会介绍自定义view的整体流程和部分相关的api使用,并不会对所有使用到的api进行介绍,所以阅读的话需要有一些Android的开发基础。...可是在很多时候设计师都会拿着ios的手机,来让你实现ios上一样的效果 ,这是以前比较头疼的一个问题,深入了解自定义View后,感觉以后应该不会再有这样的困扰了。...When implementing a view, implement * {@link #onDraw(android.graphics.Canvas)} instead of overriding...() 方法就可以满足我们的需求了,当然一些特殊的情况下,也可以根据具体的需求来决定复写哪个函数 自定义View 如何自定义一个View 自定义View 可以 extends View, 或者扩展系统已有的...View,例如 extends TextView 等 重写 onDraw 方法(或者dispatchDraw/onDrawForeground) /** * 一个自定义View */ public

45210

Android View体系(九)自定义View

相关文章 Android View体系(一)视图坐标系 Android View体系(二)实现View滑动的六种方法 Android View体系(三)属性动画 Android View体系(四...)从源码解析Scroller Android View体系(五)从源码解析View的事件分发机制 Android View体系(六)从源码解析Activity的构成 Android View体系(...七)从源码解析View的measure流程 Android View体系(八)从源码解析View的layout和draw流程 前言 学习了以上的文章后,接下来我们来讲讲自定义View自定义View一直被认为是高手掌握的技能...1.自定义View简介 自定义View按照笔者的划分,分为两大类,一种是自定义View,一种是自定义ViewGroup;其中自定义View又分为继承View和继承系统控件两种。...2.继承系统控件的自定义View 这种自定义View在系统控件的基础上进行拓展,一般是添加新的功能或者修改显示的效果,一般情况下我们在onDraw()方法中进行处理。

774100
您找到你想要的搜索结果了吗?
是的
没有找到

Android自定义View

前几天在郭霖大神的博客上看了自定义View的知识,感觉受益良多,大神毕竟大神。...在此总结一下关于Android 自定义View的用法: 首先,自定义View可以由基本控件或者组合控件组合而成,下面以一个例子来看。...这就是自定义View的第一种,组合控件的简单用法,接下来是通过继承已有控件或者布局并且加上新的逻辑来实现自己需要的功能: 新建一个布局文件through_view.xml: <?...); 最后呢,就是自绘View来实现自定义View: 新建一个类PaintView.java: import android.content.Context; import android.graphics.Canvas...总结一下Android自定义View的三种方法: 1、通过组合已有控件作为新的控件来实现自定义View; 2、继承已有的控件并为其增加新的功能来实现自定义View; 3、通过自绘View并加入事件处理来实现自定义

58410

Android 自定义 View」—— AreaSelectLayout

未命名.gif 如上图,这个 View 的功能很简单,就是在屏幕上弹出一个全屏悬浮窗遮罩,然后在上面拖拽选择区域,最后保存坐标信息就好了。...详细实现我就不讲了,后面会贴源码,这里主要讲一下实现思路和几个需要注意的点 实现思路 继承 View 还是 ViewGroup 由于悬浮窗里需要有提示文字以及取消和保存两个按钮,所以我没有直接去继承 View...来写,直接继承 View 来实现当然也可以,但是需要把下面的文字以及按钮都画出来,可能还需要内置按钮的触发回调等等业务,最终我选择了继承 ViewGroup(ConstrainsLayout) 来实现...和直接继承 View 实现相比,它的优点就是可以在布局文件中方便的添加子 View,缺点是集成度不够高,需要引用外部资源,所以具体实现可以看使用场景,这里没有复用的场景,集成度要求不高,所以就选择了更简单的继承...private lateinit var btnCancel: View private lateinit var wm: WindowManager @SuppressLint

59930

Android 自定义删除 View

来组合出来这view,然后加动画 我们还可以自定义一个Layout提供设置姓名的方法,和删除的事件出去,剩下的动作在view内部完成 国家惯例,先看完成的效果图, 再来一个动态图吧,没GIF没真相;...FrameLayout 但是如果要把上下层用代码实现,FrameLayout的params不如 RelativeLayout 好用,这里我选择了RL来实现这个小东西; 现在开始着手实现,自定义View...继承RelativeLayout 在构造中获取我们分析的自定义属性 获取到属性后,用代码构造我们的上层View和下层View以及上层的文字控件 给构造出来的view暴漏事件给外部,方便界面中使用 确定View...的比例以及尺寸然后构造上下层的View 添加底部icon的View 我们在构造中绘制了底部的颜色,现在只需要构造一个Image然后add到view中即可 添加上层View 我们观察下上层不是一个view...的图片宽度,加上上层icon距离左边的距离就是这个间距 下面就是我们暴露出来的公开事件, ok,剩下的就是点击的时候,我们需要让上层View和文字的View 联动就大功告成了 下面我们看下view的动画代码

1.1K90

Android自定义view流程

Android自定义view流程,主要目的是总结实现过程中的思路以及一些需要注意的地方。...首先,我们先来看一张效果图: 实现逻辑 重新指定View宽高 绘制外圆圆弧背景及进度 绘制中圆圆弧背景及进度 绘制内圆圆弧背景及进度 知识点 onMeasure 用于测量View的大小。...创建时View无需测量,当将这个View放入一个容器(父控件)时候才需要测量,而测量方法由父控件调用。...基础系列教程: Android基础课程U-小结_哔哩哔哩_bilibili Android基础课程UI-布局_哔哩哔哩_bilibili Android基础课程UI-控件_哔哩哔哩_bilibili Android...基础课程UI-动画_哔哩哔哩_bilibili Android基础课程-activity的使用_哔哩哔哩_bilibili Android基础课程-Fragment使用方法_哔哩哔哩_bilibili

56030

教你搞定Android自定义View

View Android所有的控件都是View或者View的子类,它其实表示的就是屏幕上的一块矩形区域,用一个Rect来表示,left,top表示View相对于它的parent View的起点,width...自定义属性 整个View的绘制流程我们已经介绍完了,还有一个很重要的知识,自定义控件属性,我们都知道View已经有一些基本的属性,比如layout_width,layout_height,background...> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com.../apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity...我们只写了短短的几十行代码,自定义View并不是我们想象中那么难,下一篇我们会继续ViewGroup的绘制流程学习。 ? rainbow_bar_demo.gif

52070

Android中初步自定义view

在研究了几个星期的view之后,打算自定义view巩固检验一下最近学的知识,view知识相关博文 Android6.0源码分析之View(一) Android6.0源码分析之View(二)--measure...AndroidView研究自学之路 Chapter One,自定义一个显示文本的自定义view 首先,定义一个继承自view的子类Customview public class CustomView...这样整体来看,其实自定义view也不是很麻烦。...恩~看着确实挺简单,实现起来真是问题层出不穷 Chapter Two,所遇到的问题 转载请注明出处  Android中初步自定义view 问题1 ,Paint画笔对象为null的异常 FATAL...问题解决 问题2,绘制上发现所自定义view进行了全屏显示,打开手机上显示布局边界的功能之后可以发现我所自定义view进行了全屏显示,占据了一个界面上父view所剩余的所有空间。 ?

57770

Android 自定义 View 独家技巧

Android开发中,自定义View是非常常见的需求。自定义View可以帮助我们实现一些特殊的效果,或者让我们的应用更加美观。本文将介绍Android自定义View的步骤,并提供示例代码。...步骤一:继承View或者其子类 要自定义View,我们首先需要创建一个新的类,并让它继承自View或者其子类。View是所有控件的基类,因此我们可以通过继承View来创建自定义控件。...使用缓存:如果我们需要频繁重绘的自定义View,可以使用缓存来提高性能。可以使用Bitmap或者Canvas来进行缓存。...在测量阶段,我们需要测量自定义View的大小;在布局阶段,我们需要根据测量结果来确定自定义View的位置。...:MeasureSpec可以帮助我们测量自定义View的大小,它包含了两个参数:spec和size。

24220

锦囊篇|Android自定义View

View 在日常项目的布局文件中我们经常会使用到xmlns:app="http://schemas.android.com/apk/res-auto"这样标签,其实他就是用来引入我们自定义的标签使用的。...View的制作,并且带上来在xml文件中进行自定义的功能。...实战高级的自定义View 此处主要以刮刮卡、饼图、柱状图以及折线图为例。 Paint和Canvas的基础使用 在上面我们知道过了View的绘制流程啊之类的东西,这是基础的一部分。...滑动 其实为了寻求方便,直接使用的是Android已经封装好的类GestureDetector。...另外在代码中我们能看到scrollX这个变量,这是View已经定义好的一个变量,记住他等等有大用。 关于性能 在之前我们讲到过一个问题,就是Android的坐标系是怎样的。

42230

Android 自定义 view 动画按钮

昨天偶偶然看见UI 给的一个交互的效果,原图如下 就是下面的loginbutton,于是大概模仿了一下, 并没有做这个UI的全部效果,有兴趣的可以完善后面展开的效果 下面是demo的button效果 这个View...用到的知识点比较简单: view的坐标系知识,(大家没有不熟悉的吧) view的canvas基本API(画矩形,画扇形,) view自定义属性(attr提供选项) 属性动画的知识(老生常谈的知识,ObjectAnimation...和ValueAniamtion) 下面我们就一步步实现这个button 我们写一个自定义的类继承View实现其构造,在构造函数中获取自定义属性的值 重写view的onMeasue,确定和测量我们view...的大小和测试模式的确定 然后获取测量后view的宽和高 然后就是最后一步了onDraw,几分钟,我们已经完成了百分之80的工作 最后20%就是让view的内容画到画布上,并且让其动起来就ok了 画圆形的...的全部工作都做完了,剩下的就是在Mainactivity里面用一下 由于 就一个这个demo就一个自定义view,项目就不上传了,把完整的代码给大家,有兴趣的可以放到AS里面跑一下,谢谢!

1.2K80

Android自定义View——布局Layout

之前写了一篇文章介绍自定义View,主要是介绍了自定义View绘制相关的操作。 这里主要是介绍自定义View另一个重要的关键——布局Layout。...绘制相关介绍可以参考:https://www.jianshu.com/p/8b96285cda49 自定义布局 自定义布局主要分为两个部分, 测量(measure()) 和 布局 (layout())...⼨寸和位置保存(如果是 ViewGroup,还会在 onLayout() ⾥里里调⽤用每个字 View 的layout()把它们的尺⼨寸 位置传给它们) Demo: 下面通过一个demo来展示自定义View...的布局,先看效果 标签效果 标签我使用了自定义View如下,这个属于自定义view的绘制部分,比较简单不是本篇文章介绍的重点,这里就不多说了。...tips: 1,View.resolveSizeAndState() 一个修正view 尺寸的方法,自定义view中比较常用 2, setMeasuredDimension(viewWidth, viewHeight

1.3K10

Android自定义View-入门(明白自定义View自定义ViewGroup)

自定义View 为什么要自定义View?...主要是Andorid系统内置的View 无法实现我们的 需求,我们需要针对我们的业务需求定制我们想要的 View.自定义View 我们大部分时候只需重写两个函数: onMeasure(),onDraw(...View里面吧我们自定义的属性值取出来,在构造函数中,有个AttributeSet的属性,我们需要用它来帮我们把布局里面的属性取出来。...ViewGroup 自定义View的过程简单,其实也就那几步,可自定义ViewGroup 可就比较麻烦了,因为不仅要管好自己,还要兼顾子View。...一般自定义viewgroup我们从这几方面去思考: 首先,我们需要知道各个子 view 的大小,只有知道子 view 的大小,我们才知道当前的View Group该设置为多大去容纳它们。

1.1K30

Android View体系(十一)自定义ViewGroup

相关文章 Android View体系(一)视图坐标系 Android View体系(二)实现View滑动的六种方法 Android View体系(三)属性动画 Android View体系(四...)从源码解析Scroller Android View体系(五)从源码解析View的事件分发机制 Android View体系(六)从源码解析Activity的构成 Android View体系(...七)从源码解析View的measure流程 Android View体系(八)从源码解析View的layout和draw流程 Android View体系(九)自定义View Android View...体系(十)自定义组合控件 前言 此前讲了很多,终于可以讲到这一节了,本文的例子是一个自定义的ViewGroup,左右滑动切换不同的页面,类似一个特别简化的ViewPager,这篇文章会涉及到这个系列的很多文章的内容比如...import android.content.Context;import android.util.AttributeSet;import android.view.ViewGroup;public

83750

Android 自定义倒计时 View

2016年08月01日新的一周开始了,一篇自定义倒计时View开启了这周的篇章… 国际惯例,效果图如下; 带阴影带指引点的倒计时View,不要被这下过吓到,分析一下,难点其实就是那个白色小圆圈的位置,...其他的都是我们之前自定义view中用到的知识,甚至还没有第一篇自定义button逻辑复杂, 看下我们自己实现的效果,和UI做个简单的对比——— 简单的对比一下,是不是有几分相似,哈哈哈哈—下面我们就手把手来实现这个倒计时的...获取自定义属性, 这都是要写吐的代码了,这里就不相信说了,直接粘贴出来,给大家复习下 3....Android的知识点涉及,绘制圆,绘制扇形,绘制阴影,Java基础知识 倒计时的实现,Android属性动画知识,还有就是 初中数学Sin和Cos的知识以及球圆上任一点的坐标和坐标系象限的知识 我们都是有精液的..., 下面我们看下Java知识,倒计时的方法; 最后就是一个动画的实现,我们可以理解成进度条在CountDown时间内正好从0-360走完, 那么这个用属性动画就行了 到此,自定义倒计时View结束,由于微信对于代码支持不是很友好

1.3K90
领券