App 介绍
Gank.io 这个App 采用了Material 风格。 - 主界面采用 CoordingLayout 和AppBarLayout和Tablayout 和viewPager - 三种RecyclerView 的布局:线性,网格,瀑布流。 - 图片加载是用的是picasso ,真的好用。 - 网络框架使用的是okHttp 加Retrofit。 - RecyclerView 的item 布局使用的是cardView
效果如下:
内容显示界面
内容显示界面是头部AppBarLayout 加CollapsingToolbarLayout实现可伸缩效果。内容部分是 WebView。三种Material 的Activity 切换动画。共享元素,滑动,渐隐。
效果图:
踩过的坑实现 CoordinatorLayout 和WebView 的双层滑动。要在WebView 外面嵌套一层NestedScrollView。
使类库如下dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
compile 'com.squareup.picasso:picasso:2.5.2'
compile 'com.android.support:appcompat-v7:23.3.0'
compile 'com.android.support:design:23.3.0'
compile 'com.squareup.retrofit:retrofit:2.0.0-beta2'
compile 'com.squareup.retrofit:converter-gson:2.0.0-beta2'
compile 'com.squareup.okhttp:okhttp:2.4.0'
compile 'com.android.support:cardview-v7:23.2.0'
compile 'com.daimajia.numberprogressbar:library:[email protected]'
compile('com.github.afollestad.material-dialogs:core:[email protected]') {
transitive = true
}
后话
今天是母亲节,祝天下母亲都身体健康,开心快乐。