今天我们将要实现的是feed和评论界切换以及相关的动画效果。(视频中9-13秒那部分)。我将忽略涉及到的button效果(波纹、发送完成的动画等,在下篇文章专门讨论),将重点放在comment Acitvity进入的效果上面。
初始化
我们首先将一些不太重要的东西加入前面文章所创建的项目中previously created project。
.Picasso 一个图片异步加载库(用于评论列表中显示作者的头像),
.AndroidManifest.xml
中添加评论的activity
当然我们还要创建新activity的布局文件。除了底部的评论输入框之外基本上和上篇文章是一致的。我们再次用到了Toolbar,
RecyclerView
等。没有什么好值得讲的。
activity_comments.xml
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".CommentsActivity"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" android:elevation="@dimen/default_elevation"> <ImageView android:id="@+id/ivLogo" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="center" android:scaleType="center" android:src="@drawable/img_toolbar_logo" /> </android.support.v7.widget.Toolbar> <LinearLayout android:id="@+id/contentRoot" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@id/toolbar" android:background="@color/bg_comments" android:elevation="@dimen/default_elevation" android:orientation="vertical"> <android.support.v7.widget.RecyclerView android:id="@+id/rvComments" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" android:scrollbars="none" /> <LinearLayout android:id="@+id/llAddComment" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/bg_comments" android:elevation="@dimen/default_elevation"> <EditText android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" /> <Button android:id="@+id/btnSendComment" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Send" /> </LinearLayout> </LinearLayout> </RelativeLayout> |
下一步,创建评论列表item的布局:
item_comment.xml
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 a-line="crayon-5812b4d6d8966713982101-23">23 24 25 26 27 忽略涉及到的button效果(波纹、发送完成的动画等,在下篇文章专门讨论),将重点放在comment Acitvity进入的效果上面。
初始化我们首先将一些不太重要的东西加入前面文章所创建的项目中previously created project。 .Picasso 一个图片异步加载库(用于评论列表中显示作者的头像), . 当然我们还要创建新activity的布局文件。除了底部的评论输入框之外基本上和上篇文章是一致的。我们再次用到了
|