Android-UI控件

2018-01-13 11:10:59来源:segmentfault作者:掘金人点击

分享
手摸手教你写 Slack 的 Loading 动画

四步实现:
画布旋转及线条变化动画(Canvas Rotate Line Change)
画布旋转动画(Canvas Rotate)
画布旋转圆圈变化动画(Canvas Rotate Circle Change)
线条变化动画(Line Change)


自定义 View—风车的绘制和动画

仿华为天气中风车的实现,可以设定风速用来调节风车的转速快慢


自定义动画效果的 Drawable

实现动画效果的 Drawable,可以和一般的 Drawable 一样使用,对于相同的动画效果比自定义 View 更轻量级


详解 View 的基础概念

在 Android 中, View 作为最重要的显示控件, 概念与参数较多. 所有的显示控件都继承于 View, 包含 ViewGroup 也是继承于 View. 本文含有 Demo, 欢迎 Follow 我的 GitHub: https://github.com/SpikeKing


Android 自定义 View——圆形进度条式按钮

Android 自定义 view 技能继续 get, 快上车!


[仿照 [饿了么] 下单按钮的自定义 View](https://juejin.im/entry/581da...

就当学习自定义 View 和动画


贝塞尔曲线之购物车动画效果

question 贝塞尔曲线是什么? 贝塞尔曲线可以做什么? 怎么做? what is it? 贝塞尔曲线在百度定义是贝塞尔曲线(Bézier curve),又称贝兹曲线或贝济埃曲线,是应用于二维图形应用程序的数学曲线。 do what? 贝塞尔曲线根据不同点实现不同动态效果:…


十分钟彻底弄明白 View 事件分发机制

Android 开发,触控无处不在。对于一些 不咋看源码的同学来说,多少对这块都会有一些疑惑。View 事件的分发机制,不仅在做业务需求中会碰到这些问题,在一些面试笔试题中也常有人问,可谓是老生常谈了。我以前也看过很多人写的这方面的文章,不是说的太啰嗦就是太模糊,还有一些在细节上写的也有争议,故再次重新整理一下这块内容,十分钟让你搞明白 View 事件的分发机制。


这交互炸了:饿了么是怎么让Image变成详情页的

晚上叫外卖,打开饿了么,发现推了一个版本,更新以后,点开了个鸡腿,哇,交互炫炸了。 本文同步自wing的地方酒馆 不过还是有槽点。我是无意中才发现可以左右滑动的。这。。。你不告诉我,我怎么知道左右可以滑。 https://github.com/githubwing...…


Material Design 系列,自定义 Behavior 之上滑显示返回顶部按钮

有时候我们的页面内容过长的时候,滑动到页面底部用户再滑动到顶部很麻烦,Android 不像 iOS 可以点击 statusBar 回到顶部,一般都是双击 Toolbar/ActionBar 或者在底部放一个按钮。今天我们就利用自定义 Behavior 来实现这个回到顶部按钮的渐显的动画效果。如果对我的 Behavior 博文感兴趣的,那么看官可以在文章顶部找到我其它关于 Behavior 的博文。


Android属性动画详解(一),属性动画基本用法

Hello,大家好,今天又来装逼了,装逼也上瘾啊,最近公司不是特别忙,我想这也就是我出来装逼的最好时机吧!额,,哈哈,进入正题。如有疑问欢迎留言,如有谬误欢迎批评指正。 在Tween动画的讨论中,我们提到在Android中动画可以分为三类:①帧动画②Tween(补间动画)③Pr…


自定义 ViewGroup - 自动换行 Layout

自定义控件——自动换行 Layout


让你的 App 提升一个档次-酷炫自定义控件

作者还在维护的 android UI 相关开源库集合,大部分是 custom view,部分 UI 设计相关


WaveLoadingView - 波浪式加载控件

WaveLoadingView - 帮你轻松实现波浪式加载,提供高度定制(各种姿势),总有一种玩法适合你。


贝塞尔曲线开发的艺术

贝塞尔曲线开发的艺术


六边形战士—雷达图实现

一个自定义雷达图的实现思想


Android Material 之CoordinatorLayout、AppBarLayout、CollapsingToolbarLayout、Toolbar 等的说明和使用

android design 包下的控件使用和说明,CoordinatorLayout、AppBarLayout、CollapsingToolbarLayout、Toolbar、NestedScrollView、RecyclerView、FloatingActionButton 等,附 demo 源码。


Android 高仿微信语音聊天页面高斯模糊效果

Android 高仿微信语音聊天页面高斯模糊效果


Android 位移动画之——TranslateAnimation 实现大师哥运送快递动画

Android 位移动画之——TranslateAnimation 实现大师哥运送快递动画


三种方式实现 RecyclerView 的 Item 点击事件
通过 RecyclerView 已有的方法 addOnItemTouchListener() 实现;2. 在创建 ItemView 时添加点击监听;3. 当 ItemView attach RecyclerView 时实现。



手摸手教你写炫酷控件(仿即刻首页垂直滚动图)

简单易懂!手摸手一步步教你


Android 自定义卡劵效果 View

轻松简单的实现卡劵效果


Google I/O 2016 笔记之 Layout 新世界 - ConstraintLayout

Google I/O 2016 上发布了新的布局:ConstraintLayout,本文介绍了此布局的基础使用。


还在羡慕微信/微博的图片处理?-Android 酷炫图片处理 (下)

Android 酷炫优雅的图片处理,让你的 app 逼格逐渐高起来!


仿淘宝、京东多重商品属性组合 Sku 标签

首先声明, 在这个 Demo 中我用到了 zhy 大神的自定义控件 Android TagFlowLayout 完全解析 一款针对 Tag 的布局, 我只是在他的基础上对源码进行了一些修改, 可以运用到我的项目中。


Material Design Library 使用汇总

本文对 Material Design Library 里面的库类的使用做一个简单的汇总,方便以后能快速查询、快速上手使用。本文包括以下内容:
Color Palette、 Toolbar、AppBarLayout、CollapsingToolbarLayout、CoordinatorLayout、DrawerLayout、NavigationView、Floating Action Button (FAB)、Snackbar、TabLayout、TextInputLayout......




从无到有打造一个炫酷的进度条效果

从无到有打造一个炫酷的进度条效果,实现一个特别的进度提示效果~


简单易用支持下拉放大, 上拉跳转的 Recyclerview

使用步骤也十分简单


教你一分钟实现动态模糊效果

仿雅虎天气,实现动态模糊


30 行代码,打造一个垂直的 ViewPager

30 行代码,如何打造一个垂直的 ViewPager?


BRVAH 小白笔记之分组篇

最近在公司做小项目,需要用到分组功能,一般来讲,可以使用 listview 嵌套 gridview 来实现,也可以用 recyclerview 来实现。博主试过使用 listview 嵌套 gridview,实现是实现了,就是优化不到位,会掉帧。然后使用 recyclerview,想了大半天做了出来,可是效果也不好。于是问了下能不能用第三方库,毕竟前段时间发现了 BaseRecyclerViewAdapterHelper(下文简称 BRVAH)这个优秀的 RecyclerViewAdapter 高度定制开源库。结果得到了肯定,并且公司鼓励使用优秀的第三方开源库!然后!跟着我一起用吧!


ViewPager 从入门到带你撸个启动页之实战 PageTransformer 切换动画特效(四)

Android 从 3.0 开始,google 官方新增了属性动画,而 ViewPager 也新增了 ViewPager.PageTransformer 接口,我们可以通过这个接口来实现非常不错动画切换效果,Google 官网也给我们提供了两个动画例子:DepthPageTransformer 和 ZoomOutPageTransformer。下面我们先来看看这两个动画效果


福利:如何打造一款万能的 RecyclerView 适配器

潇潇洒洒走一回,没有最吊,只有更吊~~~ 教你如何从零开始打造一款万能适配器,以后还会慢慢更新的


安卓着色器 (tint) 使用实践

一张质量图适配所有颜色


FlyRefresh—不一样的下拉刷新

第一眼看到这个设计就觉得眼前一亮,在 Dribble 上获得了 1.7k 多的 like,微博上也有大量转发。可见确实一个很成功的设计。我准备在 Android 上来实现它。


栗子——Android 新特性之筛选菜单

Android 新特性之筛选菜单


自定义 ShareView 之 NavigationBar 适配

分享功能在实际项目开发中经常用到的,有可能是在屏幕中间弹出的 Dialog 对话框,也有可能是从屏幕下方滑上来的视图。本文是自定义从屏幕下方滑上来的分享控件,将 ShareView add 到 DecorView 上,但是在带 NavigationBar 导航条的手机上出现适配问题,下面是我碰到的问题及解决方法。


Material Design 系列,自定义 Behavior 实现 Android 知乎首页

Android 自定义 Behavior 实现 Android 知乎首页上下滑动时动画隐藏和显示 FAB、TAB 等,留出更大的空间给用户浏览内容。


Android 用户引导库 MaterialIntroView 使用及源码分析

轻巧而精致的 Android 用户引导库。一种能够快速实现,方便维护,并尽可能减少与设计师之间的冗余沟通的解决方案。


一个库搞定 recyclerview

商业项目持续打磨,功能强大、使用简单、扩展性强。


我们是如何实现漂亮动画的-列车飞驰的加载动画

上周,我们把 Captain Trainapp 更名为了 Trainline。这意味着我们必须改变颜色,图标,空白状态以及动画等以匹配我们的新商标。


在创建新的加载动画的时候我们遇到了一些问题。因此我觉得这篇博客可能对开发者伙伴们有点用。实际上,我将尝试解释一下我们是如何设计与实现这个动画的。


LeafChart(4)- 绘制动画曲线图

自定义图表库——绘制动态曲线图


会了这些,你也能成为自定义 View 大咖

收集了自定义 View 最优质的学习资料。


Android 自定义控件之 CircleRotaProgressBar

自定义了一个圆形 ProgressBar 可以设置动画状态,表示进度在进行还是暂停


把 RecyclerView 撸成 马 蜂 窝

教你一步步实现一个 RecyclerView 的蜂窝布局管理器。


Android 自定义控件之自定义 ViewGroup 实现标签云

前面几篇讲了自定义控件绘制原理 Android 自定义控件之基本原理(一),自定义属性 Android 自定义控件之自定义属性(二),自定义组合控件 Android 自定义控件之自定义组合控件(三),常言道:“好记性不如烂笔头,光说不练假把式!!!”,作为一名学渣就是因为没有遵循这句名言才沦落于此,所以要谨遵教诲,注重理论与实践相结合,今天通过自定义 ViewGroup 来实现一下项目中用到的标签云。


Android 绕球心旋转的引导页效果

Android 绕球心旋转的引导页效果


真实项目运用 - RecyclerView 封装

今天这篇文章来谈一谈 RecyclerView 的封装,对 RecyclerView 的一些使用点进行总结,以及如何将 RecyclerView 的 adapter 进一步简化。


自定义 View 之高仿 nubia 计时器

一个高仿 nubia 计时器的自定义 view,有兴趣的可以看一下。。。觉得还可以请给个start >_<


实现炫酷的 Material 登录效果

UI 美观,动画效果丰富!


TextInput 详解 · Material Design Part 1

从 0 开始,按一个 App 打开流程的路线,介绍所有 Material Design 组件的使用和部分关键效果的实现原理,欢迎阅读~


SuperRecycleView 让你神速的完成你的列表 - Android

一个集成了下拉刷新上拉加载,侧滑菜单的 RecycleView。可让你一句话实现复杂的列表


干货:五分钟带你看懂NestedScrolling嵌套滑动机制

Android NestedScrolling嵌套滑动机制 Android在发布5.0之后加入了嵌套滑动机制NestedScrolling,为嵌套滑动提供了更方便的处理方案。在此对嵌套滑动机制进行详细的分析。 嵌套滑动的常见用法比如在滑动列表的时候隐藏相关的TopBar和Bot…


ViewPageerTransform 深入理解

ViewPageerTransform 深入理解, 给 viewpager 切换加动画


Android 实现自己的 RecyclerView 加载更多

Android 实现自己的 RecyclerView 加载更多其实很简单

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台