美文网首页
用组合方式,利用系统控件拼接实现自定义控件

用组合方式,利用系统控件拼接实现自定义控件

作者: 26小瑜儿 | 来源:发表于2019-10-02 11:23 被阅读0次
用组合方式,利用系统控件拼接实现自定义控件
最终效果:

当点击五个圆点的右半部分时,红点右移,当红点移动到最后一个点的时候,红点下一次将移动到第一个点。点击五个圆点的左半部分的时候红点左移。
最终实现效果图:


image.png
image.png
image.png
核心:

创建多个系统控件 将系统控件添加到同一个容器中,通过对容器设置约束条件,以及对控件设置动画来实现操作。

步骤一:

1.新建一个Module


image.png

2.将main_activity的xml文件设置为相对布局,设置id


image.png
3.创建一个类管理自定义控件
image.png

4.在容器中添加控件


image.png
5.使该类继承于Linear Layout 重写其构造方法
image.png
6.在代码中使用
image.png
7.在drawable里面新建一个shape.xml文件编辑每个点在不同状态下显示的颜色、尺寸
image.png
image.png

8.在PageContraller中设置状态切换操作和点击事件


image.png
切换操作
image.png
点击事件
image.png

9.在mainActivity中代码实现


image.png

10.给圆点添加动画:


image.png
11.定义接口实现数据回调
image.png

定义监听器对象


image.png
当指示器切换,将事件传递给监听者
image.png
image.png
12.自定义属性
image.png
image.png
获取xml中属性和值

使用对应get方法从TypedArray中取出对应的属性的值

注意:自定义属性的id为 name_attrname
image.png

使用:


image.png

易错点:

注意不能在属性设置号好之前先调用


setNumberOfPage(page);


相关文章

  • 用组合方式,利用系统控件拼接实现自定义控件

    用组合方式,利用系统控件拼接实现自定义控件 最终效果: 当点击五个圆点的右半部分时,红点右移,当红点移动到最后一个...

  • 【Android】自定义控件

    Android自定义控件可以有三种实现方式 组合原生控件自己绘制控件继承原生控件 1 组合原生控件 1.1 组合原...

  • 自定义组合控件,事件传递响应规则

    自定义组合控件 当系统提供的控件,不足以满足我们开发需求时,可以通过自定义控件来实现更好的效果。 组合控件的实现步...

  • 自定义view

    一、自定义view实现方式 二、组合控件 将系统原有的控件进行组合,构成一个新的控件。 定义标题栏的布局文件cus...

  • 自定义控件笔记1

    自定义控件:用系统自带控件重新组合或者自定义类继承View或者自定义类继承ViewGroup,实现特定的UI效果。...

  • 自定义View

    自定义控件的三种实现方法 对现有控件进行拓展 通过组合来实现新的控件:将系统原生控件组合起来,加上动画效果,形成一...

  • android自定义View基础

    自定义View基础1.1 分类自定义View的实现方式有以下几种 类型 定义自定义组合控件 多个控件组合成为一个...

  • 安卓高级UI之自定义View实现复杂动画

    自定义控件实现方式组合原生控件自己绘制控件集成原生控件 贝塞尔曲线 心形曲线 UI的绘制流程Measure过程La...

  • 自定义控件概述

    阅读原文 1.自定义控件的一些概念 1.什么是自定义控件 在Android系统中,用系统的自带控件重新组合或者自定...

  • 自定义View

    自定义view的三种方式: 组合控件:将一些小的控件组合成一个大的控件。这些小控件大多是系统自带的一些基本控件。这...

网友评论

      本文标题:用组合方式,利用系统控件拼接实现自定义控件

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