Android对动画有着极好的支持,但有时你会看到这样的效果: 你可能会在此卡住不知从何开始。本文将带你一步一步尝试完整这个漂亮的动画。 第一次看到这个效果的时候可能会觉得很复杂,但是我们可以把它拆分为三个主要的动画。 1. The animation that plays w
这篇文章讲解如何使用RecyclerView实现Gmail收件箱界面的效果。
大多数app的导航条右边都有一个放大镜图标,你无需花太多时间就能在一个移动app中找到这个搜索按钮。这个图标总是长得很相似,行为也大同小异:点击放大镜图标,然后搜索框被打开。 这样一种标准的UI不是设计师最喜欢的动画方式。但谁说我们就不能做的更好呢
多亏了 Dribbble 和 MaterialUp 这样的设计平台,我们这些开发者才有机会接触到大量的概念设计资源。尽管如此,有时候有些细节几乎是不可能实现的,部分用户体验并没有被考虑。 鉴于此,我觉得建立一个这样的项目会比较有意思:选择一些 Dribbble 或者 Mater
上周,我们把CaptainTrain app更名为了Trainline。这意味着我们必须改变颜色,图标,空白状态以及动画等以匹配我们的新商标。 在创建新的加载动画的时候我们遇到了一些问题。因此我觉得这篇博客可能对开发者伙伴们有点用。实际上,我将尝试解释一下我们是如
本文将讲解如何在列表中实现视频播放。类似于诸如 Facebook, Instagram 或者 Magisto这些热门应用的效果: Facebook: Magisto: Instagram: 这片文章基于开源项目: VideoPlayerManager 。 所有的代码和示例都在那里。本文将跳过许多东西。因此如果你要真正理
最近从设计团队那里得到一个需求,让一个特定的view在彩色和灰度之间切换。灰度,一个专用术语,意思是去掉一张图片中的所有饱和度。我快速Google 了一下得到了如下的代码: publicBitmaptoGrayscale(Bitmaporiginal){intheight=original.getHeight();intwid
下了500px应用, 瞬间被它的引导动画吸引住了,下面一步一步来实现引导动画 最终效果图: 下面的小圆点简单的,就先省略,重点在切换动画 创建viewpager 可以左右随手指滑动的只有底部文字部分,所以ViewPager中存放的布局是底部文字部分 activity_main.xml Relati
让我来告诉你一个关于乔某人的故事,一个在MyLittleZooInc工作的安卓开发者。关于他是如何从反复为具有多个view type的Adapter创建不同的Adapter对象中解脱出来,最终成功实现可重用Adapter的。 曾经有一个叫做乔某某的人,它是一个安卓开发者,为一家名叫My
部分开发者在UI方案稍微有点复杂的时候会觉得很难去写代码。他们之中的许多人都会在写代码的时候跳过许多重要的UI效果或者动画,致使最终结果跟原始的方案相差很远。 本文谈谈如何针对UI方案写代码,跳过一些基本的细节,重点关注transition与动画。
在Yalantis,我们开发了许多不同的安卓app,根据我们的经验来看,几乎每个我们开发的应用都需要图片裁剪的功能。图片裁剪可以用于很多目的,从普通到头像调整到按比例裁剪以及图片变换等更复杂的功能。 考虑到想为我们的所有客户都提供最好的图片编辑工具,
英文原文: Twitters like animation in Android - alternative 不久前Twitter展示了具有现代感的心形动画-作为star图标的替代。 虽然心形标志更普遍和昂贵,但是今天我们尝试复制新的动画,使用旧的星星图标。我们的效果如下(比gif图快一点点): 虽然实
我们通常不太喜欢Android SDK 内部的那些绘制逻辑。当我读到关于这些东西的时候我们通常会感到怪异,因为它看起来有点乏味。但是如果你仔细阅读的话其实也没那么难,而且一旦你能正确的理解它了,你就能创建出真正有趣的图像或者动画,比如下面的: 是不是很
现在视频应用越来越火,Periscope火起来后,国内也出现了不少跟风者,界面几乎跟Periscope一模一样.Periscope确实不错,点赞的效果也让人眼前一亮,很漂亮,于是乎,我就想着自己实现一下. 最终的效果图如下: 最终效果图.gif 录制的效果不太好,手机运行起来还是挺好
你可能已经阅读了关于设计师Vitaly Rubtsov 和ios开发者Maksym Lazebnyi 创建独特的top bar动画的 故事 ,这个动画菜单被取了一个不吉利的名字 - 断头台菜单(你可以在 Dribbble 和 GitHub 上看到这个ios动画)。很快,我们的安卓开发者Dmytro Denysenko接
转载自: 教你实现别人家的动画3(淘宝,简书动画效果) 有修改。 这篇文章我们来实现个稍微简单点的动画效果 每天在iphone上用淘宝和简书发现他们有个共同的弹出效果(ios自带的?),今天我们就来看看他们吧 淘宝的效果 简书的效果 好吧 我不知道怎么录屏ios手
这篇 文章中我们比较了DraggableFlagView和BezierDemo两个项目的区别,提到将对其中一个做源码分析,那么我们就来分析BezierDemo的源码吧,因为这个项目的源码最简单,可以更直接的去分析核心的东西。但是效果还是DraggableFlagView好些。我尽量讲的详细些,
本文讨论的是android中如何实现更平滑的单色渐变效果。 一般来说,当我们想让界面上的某个区域呈现单色渐变效果,我们用drawable 来实现: 定义一个drawable ,取名叫 gradlient_background .xml ?xml version="1.0" encoding="utf-8"?selector xmlns:androi
在安卓中常常遇到需要选择一个东西的功能,比如选择日期,选择文件,选择地点等,通常我们的做法是使用选择对话框,比如选择日期用datepicker,有时候也使用activity,但是这两种方式都有一个缺点,就是用户很明显的感觉到了界面之间的切换。有时候,下面这
英文教程: Creating a Login Screen Using TextInputLayout 本教程中,我将再次讨论Material Design。 Google I/O 2015 对于每一个开发者来说都是一个重大的事件,设计当然也是谈资之一。 谷歌意识到向后兼容是实现material design的重要部分。当然supportl
Prism(棱镜)是一个全新的 Android 动态主题切换框架,虽然是头一次发布,但它所具备的基础功能已经足够强大了!本文介绍了 Prism 的各种用法,希望对你会有所帮助,你也可以对它进行扩展,来满足开发需求。 先说一下 Prism 的诞生背景。其实我没打算一上来
按照我的观点,用户体验是一个非常重要的话题,然而有时候并没有得到足够的重视。在这篇文章中,我想向你展示如何使用RecyclerView去创建一个不会打断用户操作流的用户体验。 我非常幸运能在 Tickaroo 公司的一个富有才华的团队工作,我们正在为kicker开发与
在 第一部分 ,我们介绍了 ItemTouchHelper ,以及 ItemTouchHelper.Callback 的实现,在线性列表(RecyclerView)中添加基本的拖拽拖放与滑动删除。本文将在前文例子的基础上扩展,增加对grid布局的支持,处理拖拽的始化,提示被选中的view,同时自定义滑动
英文原文: Drag and Swipe with RecyclerView 在安卓中,有许多关于如何使用RecyclerView实现“drag drop”与swipe-to-dismiss”的教程,库和例子。即使现在已经有了新的,更优的实现方式,大多数仍然是使用 View.OnDragListener 以及Roman Nurik的 SwipeTo
这是系列文章的第二部分(也是最后一部分),建议你先阅读 第一部分 ,在上一部分中,我们学会了如何实现Google+应用中隐藏Toolbar的效果,今天我们来实现Play Store中的效果。 在开始之前,我先讲讲这一部分对 项目 结构的一点改动。原有的activity被分割成
导读:这个系列包含两篇文章,都是关于列表滚动时Toolbar(以及FAB)的显示与隐藏的,但是分为两种一种是Google+中的效果,一种是play store中的效果,本文是第一种。原文翻译如下: 本文将讲解如何实现类似于Google+应用中,当列表滚动的时候,ToolBar(以