美文网首页
View 体系及自定义View

View 体系及自定义View

作者: 方白羽lw | 来源:发表于2019-12-09 09:30 被阅读0次

    1.理解View的坐标体系

    Android中有两种坐标系,分别为Android坐标系和视图坐标系。 在Android中,将屏幕的左上角的顶点作为Android坐标系的原点,这个原点向右是X轴正方向,原点向下是Y轴正方向。
    MotionEvent提供的getRawX()和getRawY()获取的坐标都是Android坐标系的坐标。

    2.了解View 滑动的实现机理

    实现滑动效果要监听用户的触摸事件,并根据事件传入的坐标,动态且不断的改变 View 的坐标,从而实现 View 跟随用户触摸的滑动而滑动。

    • 通过 layout() 方法
    • offsetLeftAndRight() 方法和 offsetTopAndBottom()
    • 通过修改 LayoutParams 实现滑动
    • 使用动画
    • View 的 scrollTo()、scrollBy() 方法实现滑动
    • 通过 Scroller 类实现滑动
    • ViewDragHelper 实现滑动

    3.了解View 动画的种类及实现

    补间动画

    在res/anim文件夹中定义

    帧动画

    在res/drawable文件下新建xml

    属性动画

    • 自定义估值器Evaluator
    • 设置动画过度ValueAnimator
    • 动画集合Animatorset

    4.掌握属性动画涉及的相关类,以及开发流程

    ValueAnimator,ObjectAnimator(继承自ValueAnimator),Animatorset(动画集合)

    开发流程

    • 自定义估值器Evaluator
    • 设置动画过度ValueAnimator
    • 动画集合Animatorset

    5.了解 View 的事件分发机制

    事件分发的三个方法

    • dispatchTouchEvent:用于分发传递事件,只要事件能够传递到当前View,这个方法就会被调用。
    • onInterceptTouchEvent:用于判断是否拦截事件,不往下传递。(此方法只有ViewGroup拥有,Activity和View没有)此方法在dispatchTouchEvent方法中调用。
    • onTouchEvent:用于处理事件,同样也是在dispatchTouchEvent方法中调用。

    6.理解 View 的工作流程,以及measure过程、layout过程和draw过程的实现机理

    View 的工作流程

    流程主要是指 measure、layout、draw 这三大流程

    measure 测量

    • 面中全部视图运行requestLayout
    • 运行scheduleTraversals,当中发送一个空的消息
    • 传递的消息是DO_TRAVERSAL,分支调用performTraversals
    • performTraversals方法中调用host.measure

    layout 布局

    • setFrame方法设定View四个顶点的位置
    • 调用onLayout方法
    • setChildFrame方法调用子元素的layout方法设定子元素位置

    draw 绘制

    • 绘制背景background.draw(canvas)
    • 绘制自己(onDraw)
    • 绘制children(diapatchDraw):遍历所有子元素的draw方法
    • 绘制装饰(onDraeScrollBars)

    7.理解自定义 View的4种类型,掌握最简单的自定义View的实现。

    组合控件、自绘控件、继承控件

    例子:

    • 新建一个Android项目,创建自定义标题栏的布局文件title_bar.xml
    • 创建一个类TitleView,继承自RelativeLayout
    • 在activity_main.xml中引入自定义的标题栏
    • 在MainActivity中获取自定义的标题栏,并且为返回按钮添加自定义点击事件

    相关文章

      网友评论

          本文标题:View 体系及自定义View

          本文链接:https://www.haomeiwen.com/subject/hsqvgctx.html