Android Material Design尝鲜，2021Android笔试题

Android Material Design尝鲜，2021Android笔试题

• ActionBarControlScrollViewActivity // 4

• ActionBarControlWebViewActivity // 5

• FillGap2ListViewActivity // 6

• FillGap2RecyclerViewActivity // 7

• FillGap2ScrollViewActivity // 8

• FillGap3ListViewActivity // 9

• FillGap3RecyclerViewActivity // 10

• FillGap3ScrollViewActivity // 11

• FillGapListViewActivity // 12

• FillGapRecyclerViewActivity // 13

• FillGapScrollViewActivity // 14

• FlexibleSpaceToolbarScrollViewActivity // 15

• FlexibleSpaceWithImageScrollViewActivity // 16

• FlexibleSpaceWithImageRecyclerViewActivity // 17

• FlexibleSpaceWithImageWithViewPagerTab2Activity // 18

• FlexibleSpaceWithImageListViewActivity // 19

• FragmentActionBarControlListViewActivity // 20

• FragmentTransitionActivity // 21

• HandleTouchGridViewActivity // 22

• HandleTouchListViewActivity // 23

• HandleTouchRecyclerViewActivity // 24

• HandleTouchScrollViewActivity // 25

• HandleTouchWebViewActivity // 26

• ParallaxToolbarListViewActivity // 27

• ParallaxToolbarScrollViewActivity // 28

• ScrollFromBottomListViewActivity // 29

• ScrollFromBottomRecyclerViewActivity // 30

• SlidingUpGridViewActivity // 31

• SlidingUpListViewActivity // 32

• SlidingUpRecyclerViewActivity // 33

• SlidingUpScrollViewActivity // 34

• SlidingUpWebViewActivity // 35

• StickyHeaderListViewActivity // 36

• StickyHeaderRecyclerViewActivity // 37

• StickyHeaderScrollViewActivity // 38

• StickyHeaderWebViewActivity // 39

• ToolbarControlGridViewActivity // 40

• ToolbarControlListViewActivity // 41

• ToolbarControlRecyclerViewActivity // 42

• T

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整资料开源分享

oolbarControlScrollViewActivity // 43

• ToolbarControlWebViewActivity // 44

• ViewPagerTab2Activity // 45

• ViewPagerTabActivity // 46

• ViewPagerTabFragmentActivity // 47

• ViewPagerTabListViewActivity // 48

• ViewPagerTabScrollViewActivity // 49

以下是部分效果图：

我不是代码的生产者，我只是Copylefter的搬运工。: )

GitHub源下载地址：

Observable Scroll View

---

Material Design 动画交互文档

---

一、Material Design动画交互

谷歌上一代设计语言是卡片设计，而这一代作为卡片的延伸，Material Design 以纸片与墨水作为灵感，由纸片与墨水组成的设计隐喻贯穿整个material design 的所有细节，动画设计也不例外。具体体现在哪？客官不急，听我一一道来：

首先，动画设计的出发点，我歌认为每个动画效果应该都是要有意义的。动效的重要性可以简单的体现在这个三个方面：

• 1.动效可以有效的暗示引导用户 *** 作。

• 2.动效的目的是为了吸引用户的注意力。

• 3.转场的动画应该高效，清晰。

以上是道，何为术？

二、动画速度的2个原则

1. 针对动画的进退场，如果进入和离开的速度不一致会给人迟疑，不干脆，拖泥带水的不和谐感。当物体进场时，确保他以最高速度进入相同地，当物体退场时，请保持它的速度，这样的作法会比降低速度退场好。 如下图所示意的速度对照：

请这样做！以高速进退场。这颗球以高速进退场时，会给人有自信的感觉。

请不要这样做！进场时加快速度或退场时减速，不要用不必要的速度变化来分散使用者的注意力。

2.不同的元件，动画的速度应该是不同的。遵循真实世界的物理规律，个头小的元件可以在短时间内完成加速和减速动作，而个头大元件则应用更多的时间完成加速和减速动作。浅层次可以把它理解为小快大慢。

三、3种交互方式

我歌认为用户的每一个 *** 作都应该得到反馈的。而当用户得到极具漂亮与逻辑性的动画效果时，用户会产生愉悦。(我家猫：铲屎的，快来愉悦朕→_→)而这会鼓舞用户对软件进行进一步的探索：如果按了这个会发生什么事？我在点点另一个好了。

谷歌官方介绍了三种交互实例：

1.表层的交互设计（surface reaction）

表层的交互设计是最常见的一种交互方式了，最古老应该可以追溯到鼠标悬停/点击链接变色。而在material design 中，借用墨水的隐喻，墨水是覆盖在每一张纸上的表层现象，所以，点击时，就像盖了一层墨水上去。谷歌实例了一种优雅的做法是点击涟漪效果。

这里一个细节是涟漪散开的中心点。这个中心永远都是手指点击的交互点，或鼠标移入的点。

2.物体本身的回馈（Material response）

Surface reaction 来自于墨水的隐喻。但material 里的元素，如按钮，本身也能做出反馈，如显示隐藏菜单：

正确的做法：物体从触控点出现，视觉上可以感觉到d出菜单与按钮的视觉连接。

错误的做法：从中间乱入，切断了与触控点的联系。

再如，触控上升效果：