自定义view控件效果实现及实践

「爱情、让人受尽委屈。」 2022-06-04 10:10 495阅读 0赞

## [项目需求讨论 - Android 自定义 Dialog 实现步骤及封装][- Android _ Dialog] ##

根据实际项目需求出发。因为项目中的对话框要配合整个项目的 UI 风格，所以进行自定义 Dialog 的实现步骤，及最后写封装类。来快速实现各种自定义界面的对话框。

## [图文并茂 – 自定义 View 之 SwitchButton(切换标签)][_ _ View _ SwitchButton] ##

自定义 View 实现一个简单好用的切换标签

## [年前最后一发：带分割线的 LinearLayout][LinearLayout] ##

在开发过程中，界面中条目间都需要我们设置分割线。

## [自己动手绘制一个折线图控件 ChartView][ChartView] ##

自定义折线图 ChartView

## [一日一学\_卡片滑动][Link 1] ##

给大家拜个早年，今天做一个简单的卡片滑动，我发现魅族应用商店的应用详情都是以滑动的形式展示（感觉不好）。

## [Android 自定义 View 四（Canvas 与 ValueAnimator）][Android _ View _Canvas _ ValueAnimator] ##

Android 自定义 View 四（Canvas 与 ValueAnimator）

## [整个自定义 View][View] ##

Github 热门项目 PageIndicatorView 作者教你如何实现自定义 View

## [下雨，飘雪，红包雨，碰撞球，自定义 View][View 1] ##

Android 版的下雨，飘雪，红包雨，碰撞球，自定义 View。

## [ViewPager 如何做到一屏显示多个页面][ViewPager] ##

ViewPager 实现一屏显示多个页面的功能

## [在 onLayout 中实现简单的微动效][onLayout] ##

在 onLayout 中实现简单的微动效

## [Viewpager 实现真正的无限滑动 Banner，拒绝 Integer.MAX\_VALUE][Viewpager _ Banner_ Integer.MAX_VALUE] ##

不使用 Integer.MAX\_VALUE 实现无限 banner 滑动，gif 图有点快可能看不清，自己可以写个 demo 试试

## [下拉刷新、上拉加载实战：带你理解自定义 View 整个过程][View 2] ##

通过自定义下拉刷新，上拉加载控件，详细理解自定义 View 的整个过程，以及简单交互动画

## [自定义 NumProgressBar(圆形，线形)][NumProgressBar] ##

通过继承系统的 ProgressBar 实现带进度的圆形和线形进度条

## [只用 TextView 实现知乎主页底部 Tab][TextView _ Tab] ##

只用 TextView 实现知乎主页底部 Tab

## [Android 自定义 View 之音频条形图][Android _ View] ##

最近在学习 Android 自定义 View，看到一个自定义音频条形图的例子，遂学习了一下并且在此基础上扩展了一点，在此记录一下，来帮助到需要的人。先放上一张效果图，看着还不错吧，接下来就开始一步步实现这个小例子。

## [自定义 View - 雪花和下雪动画][View -] ##

好玩

## [Android 通知栏详解][Android] ##

Android 通知栏详细介绍，帮助你避免踩坑

## [自己动手造轮子系列———实现『转转 APP』Indicator 效果][APP_Indicator] ##

手把手实现『转转 APP』轮播指示器 效果

## [自定义 View 循环滚动刻度控件][View 3] ##

LoopScaleView 先看效果图: enter description here LoopScaleView 是一个自定义的刻度尺风格的选值控件,从上面的动图大家可以看到 LoopScaleView 的运行效果.可以设置屏幕内显示的刻度数,也可以设置每一个刻度代表的值得大…

## [ Android 自定义 View 高级 - Canvas 绘制图形][Android _ View _ - Canvas] ##

Canvas我们可以称之为画布，能够在上面绘制各种东西，是安卓平台2D图形绘制的基础，非常强大。

## [Android 自定义控件之带下载进度的下载按钮][Android 1] ##

最近要用到一个带下载进度的按钮，各种搜索了一波，很抱歉（/TДT)/ ，实在没有发现自己想要的效果，没办法只能自己尝试实现了一个了。

## [仿小红书图片标签 ViewGroup][ViewGroup] ##

Android 仿小红书图片标签，实现了图片标签的动画，布局，水波纹，编辑等功能，还可以自定义 Tag

## [ Android 自定义 View——自由定制优惠券背景][Android _ View 1] ##

通过自定义的一个 View，实现自由订制优惠券背景

## [Android 自定义 View 三 (坐标系与 View 的绘制流程)][Android _ View _ _ View] ##

Android 自定义 View 三 (坐标系与 View 的绘制流程)

## [Android 高仿微信图片查看花式效果][Android 2] ##

为各位追求用户体验的 daLao 提供更优质的服务 它能够 1、点击图片时以一种无缝顺畅的动画切换到图片查看的界面，同样以一种无缝顺畅的动画退出图片查看界面 2、支持多图查看，快速翻页，双击放大，单击退出，双手缩放旋转图片 3、下拽退出查看图片的操作，以及效果是本 View 的最大卖点 (仿微信)

## [Android 自定义 View 五（绘制文本大小、多行多列居中）][Android _ View 2] ##

Android 自定义 View 五（绘制文本大小、多行多列居中）

## [FlipperView - 翻牌一样翻 View][FlipperView - _ View] ##

一个 Android layout，使用带透视的翻转动画来逐个显示里面的 Child view。

## [‘随手而动’的 view 控件][view] ##

手势操控拖拽, 缩放, 旋转的 view

## [一行代码给你的控件加上小徽章][Link 2] ##

一行代码给你的控件加上徽章（Badge）

## [Android 自定义 View 新年烟花、横幅动画][Android _ View 3] ##

整体要求实现：彩带乱飞，烟花冲天而起，烟花缩放，小鸡换图，小鸡飘移，横幅裁剪、展开等动画效果，全局大量使用了属性动画来实现

## [自定义 View，从画个圆写个字开始][View 4] ##

刚开始要做些自信的事，以后才能越挫越勇。比如自定义 View，先来画个圆，写个字吧！

## [SplashView - 一行代码解决闪屏页 (广告页) - Android 篇][SplashView - _ _ - Android] ##

只需要一行代码处理 SplashView 的所有问题

## [如何优雅地在 Android 上实现 iOS 的图片预览][Android _ iOS] ##

模拟物理的方法在 Android 上实现类似于 iOS 的图片预览控件

## [高仿小米时钟 - 使用 Camera 和 Matrix 实现 3D 效果][- _ Camera _ Matrix _ 3D] ##

一直觉得小米的时钟很精美，那这次就搞它~ 这次除了练习自定义 View，还涉及到使用 Camera 和 Matrix 实现 3D 效果。

## [Android 广告图片轮播控件【让开发轮播效果变得更简单】][Android 3] ##

现在的绝大数 app 都有 banner 界面，实现循环播放多个广告图片和手动滑动循环等功能。因为 ViewPager 并不支持循环翻页， 所以要实现循环还得需要自己去动手，我就把项目中的控件剔了出来，希望大家觉得有用。目前框架可以进行不同样式、不同动画设置， 以及完善的 api 方法能满足大部分的需求了。支持无限循环和多种主题，可以灵活设置轮播样式、动画、轮播和切换时间、位置、图片加载框架等！

## [文艺气质的竖排文本控件来啦][Link 3] ##

PlumbTextView 是一个竖排列的文本控件。你可以很容易使用它定义多种竖排文本风格。

## [从一个简洁的进度刻度绘制中了解自定义 View 的思路流程][View 5] ##

从一个简洁的进度刻度绘制中了解自定义 View 的思路流程，理出我们一步步实现自定义效果的思路。

## [多角度实现有趣的时钟效果！][Link 4] ##

今天主要给大家带来一个在荣耀8上看到的一个小有意思的时钟效果，这个效果比较简单，俗话说，“人生在世，无非就是把复杂的事情整简单，抑或把简单的事情搞复杂”，既然比较简单，那咱们就多用几种方案来实现，进而开拓一下思路；首先先上效果图： 如果你想看 GAStudio Github主页…

[- Android _ Dialog]: https://juejin.im/entry/588458bcb123db7389d2074f
[_ _ View _ SwitchButton]: https://juejin.im/entry/58aac5610ce463006b137656
[LinearLayout]: https://juejin.im/entry/588b4f461b69e600580f5d5b
[ChartView]: https://juejin.im/entry/58a40a908d6d810058077ac8
[Link 1]: https://juejin.im/entry/5889a4db570c350062e2a696
[Android _ View _Canvas _ ValueAnimator]: https://juejin.im/entry/58a6562b8d6d810057ca4d67
[View]: https://juejin.im/entry/58a531745c497d005fa72bb0
[View 1]: https://juejin.im/entry/5889758e1b69e60058fcaa47
[ViewPager]: https://juejin.im/entry/588d45da8d6d81006c26430d
[onLayout]: https://juejin.im/entry/588d45978d6d81006c264114
[Viewpager _ Banner_ Integer.MAX_VALUE]: https://juejin.im/entry/58818064570c350062b22e08
[View 2]: https://juejin.im/entry/58b3f187570c35006932b9da
[NumProgressBar]: https://juejin.im/entry/58aac75e5c497d005f6c1002
[TextView _ Tab]: https://juejin.im/entry/58a3c94f61ff4b006c87012f
[Android _ View]: https://juejin.im/entry/58932ab2570c35006229f565
[View -]: https://juejin.im/entry/58abb1050ce463006b184c22
[Android]: https://juejin.im/entry/588971148d6d81006c026279
[APP_Indicator]: https://juejin.im/entry/587f37a3128fe1006b15a08d
[View 3]: https://juejin.im/entry/58a2ab242f301e0069076f23
[Android _ View _ - Canvas]: https://juejin.im/entry/588eea258d6d81005814678e
[Android 1]: https://juejin.im/entry/58ae85458ac24700638be009
[ViewGroup]: https://juejin.im/entry/587f12d5128fe100570d16a9
[Android _ View 1]: https://juejin.im/entry/589542d61b69e600598673ed
[Android _ View _ _ View]: https://juejin.im/entry/58a655bd128fe1006cb42edb
[Android 2]: https://juejin.im/entry/588979c0128fe10065fe82de
[Android _ View 2]: https://juejin.im/entry/58a6566b128fe10064727ab7
[FlipperView - _ View]: https://juejin.im/entry/589576211b69e6005988a4ba
[view]: https://juejin.im/entry/589570b7128fe10058da9b15
[Link 2]: https://juejin.im/entry/5896db56b123db16a39ee6e1
[Android _ View 3]: https://juejin.im/entry/588d45b18fd9c58f3ed72b09
[View 4]: https://juejin.im/entry/587f3ecf128fe1006b15e24b
[SplashView - _ _ - Android]: https://juejin.im/entry/589542e0128fe100654f6ace
[Android _ iOS]: https://juejin.im/entry/58806e21570c350062ac059f
[- _ Camera _ Matrix _ 3D]: https://juejin.im/entry/5897e3f72f301e0069155285
[Android 3]: https://juejin.im/entry/58abec36570c35006bc660d0
[Link 3]: https://juejin.im/entry/58abfa50da2f607e924fa0a4
[View 5]: https://juejin.im/entry/58a3ca97570c35006cdd726e
[Link 4]: https://juejin.im/entry/5887076a8d6d810058d7337c