為了熟悉使用一些開源框架跺涤，便決定利用業(yè)余時間寫一個APP來熟悉這些框架的使用草慧。提前踩一踩坑粹淋，方便以后在公司的項目中使用吸祟。使用的接口是聚合數(shù)據(jù)的和干貨集中營的瑟慈，非常感謝。
4.png
6.png
3.png
首頁側(cè)滑欄使用DrawerLayout+NavigationView實現(xiàn)的
使用Realm數(shù)據(jù)庫實現(xiàn)本地收藏
使用Retrofit+RxJava+RxAndroid實現(xiàn)網(wǎng)絡(luò)請求屋匕，并對返回結(jié)果進(jìn)行了簡單的封裝
對RecyclerView的Adapter和ViewHolder進(jìn)行封裝葛碧，實現(xiàn)了上拉加載
使用CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout實現(xiàn)了炫酷的滑動動畫
使用Glide實現(xiàn)了圖片的加載
使用PhotoView實現(xiàn)了圖片的縮放
日歷使用開源的material-calendarview
實現(xiàn)了SwipeRefreshLayout首次進(jìn)入自動刷新
APP下載
二維碼.png
源碼
https://github.com/RaphetS/TodayInHistory
一、使用DrawerLayout+NavigationView實現(xiàn)側(cè)滑欄
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/drawerLayout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:titleTextColor="@android:color/white" />
<FrameLayout
android:id="@+id/fl_main"
android:layout_width="match_parent"
android:layout_height="match_parent"></FrameLayout>
</LinearLayout>
<android.support.design.widget.NavigationView
android:id="@+id/navigation"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="start"
android:fitsSystemWindows="true"
app:headerLayout="@layout/drawer_header"
app:menu="@menu/drawer_menu">
</android.support.design.widget.NavigationView>
</android.support.v4.widget.DrawerLayout>
DrawerLayout是Androidv4包里自帶的控件过吻，支持左滑和右滑进泼，android:layout_gravity="leftt"代表左滑界面（或者start），android:layout_gravity="right"代碼右滑的界面（或者end）纤虽，不加layout_gravity的就是主界面缘琅。代碼里可以添加ActionBarDrawerToggle控制側(cè)滑欄展示與隱藏。
ActionBarDrawerToggle mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, mToolBar, R.string.open, R.string.close);
mDrawerToggle.syncState();
mDrawer.addDrawerListener(mDrawerToggle);
NavigationView是Google在5.0之后推出的一個控件廓推，主要作為菜單控件使用刷袍，分為上下部分，上面的部分為headerLayout樊展，可以自定義布局呻纹，下面的部分為menu,作為導(dǎo)航菜單的菜單項
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/drawer_todayInHistory"
android:checkable="true"
android:icon="@drawable/ic_history"
android:title="歷史上的今天" />
<item
android:id="@+id/drawer_gril"
android:checkable="true"
android:icon="@drawable/icon_gril"
android:title="妹紙" />
<item
android:id="@+id/drawer_like"
android:checkable="true"
android:icon="@drawable/ic_unlike"
android:title="收藏" />
<item
android:id="@+id/drawer_about"
android:checkable="true"
android:icon="@drawable/ic_about"
android:title="關(guān)于" />
</menu>
點擊事件：
navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(MenuItem item) {
//在這里處理item的點擊事件
return true;
}
});
獲取頭部（headerLayout）內(nèi)控件:
View headView=navigationView.getHeaderView(0);
設(shè)置菜單列表圖標(biāo)顏色：
默認(rèn)情況下，菜單圖標(biāo)顏色為灰色专缠，可以通過一下設(shè)置圖標(biāo)顏色
app:itemIconTint=""
添加分割線：
只需將菜單分成多個Group雷酪，每個Group設(shè)置一個Id，那么Group之間就會有分割線：
<menuxmlns:android="http://schemas.android.com/apk/res/android">
<groupandroid:id="@+id/g1">
<item
android:id="@+id/favorite"
android:icon="@mipmap/ic_launcher"
android:title="歷史上的今天"/>
<item
android:id="@+id/wallet"
android:icon="@mipmap/ic_launcher"
android:title="收藏"/>
</group>
<groupandroid:id="@+id/g2">
<item
android:id="@+id/photo"
android:icon="@mipmap/ic_launcher"
android:title="妹子"/>
</group>
<item
android:id="@+id/file"
android:icon="@mipmap/ic_launcher"
android:title="關(guān)于"/>
</menu>
二涝婉、Glide加載圖片
設(shè)置綁定生命周期
Glide.with(Context context);// 綁定Context
Glide.with(Activity activity);// 綁定Activity
Glide.with(FragmentActivity activity);// 綁定FragmentActivity
Glide.with(Fragment fragment);// 綁定Fragment
常規(guī)用法：
Glide.with(context)
.load(imageUrl)//圖片路徑
.placeholder(R.drawable.ic_launcher)//設(shè)置加載中圖片
.error(R.drawable.ic_launcher)//設(shè)置加載失敗圖片
.skipMemoryCache(true)//設(shè)置跳過內(nèi)存緩存
.diskCacheStrategy(DiskCacheStrategy.ALL)//設(shè)置緩存策略：all:緩存源資源和轉(zhuǎn)換后的資源/none:不作任何磁盤緩存 /source:緩存源資源 /result：緩存轉(zhuǎn)換后的資源
.priority(Priority.NORMAL)//設(shè)置下載優(yōu)先級
.animate(R.anim.item_alpha_in)//設(shè)置加載動畫
.thumbnail(0.1f)//設(shè)置縮略圖支持（先加載縮略圖哥力，再加載全圖）
.override(400,400)//設(shè)置加載尺寸
.centerCrop()//設(shè)置動態(tài)變換
.into(imageView);
加載Git圖片：
Glide.with(this).load(imageUrl).asGif().into(imageView);
動態(tài)緩存清理：
Glide.get(this).clearDiskCache();//清理磁盤緩存 需要在子線程中執(zhí)行 Glide.get(this).clearMemory();//清理內(nèi)存緩存 可以在UI主線程中進(jìn)行
加載圓角圖片或圓形圖片：
Glide.with(this).load(imageUrl).transform(new GlideRoundTransform(this)).into(imageView);
需要自定義Transform，這里提供一個圓角和一個圓形的Transform：
圓角轉(zhuǎn)換：
public class GlideRoundTransform extends BitmapTransformation {
private static float radius = 0f;
public GlideRoundTransform(Context context) {
this(context, 4);
}
public GlideRoundTransform(Context context, int dp) {
super(context);
this.radius = Resources.getSystem().getDisplayMetrics().density * dp;
}
@Override protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
return roundCrop(pool, toTransform);
}
private static Bitmap roundCrop(BitmapPool pool, Bitmap source) {
if (source == null) return null;
Bitmap result = pool.get(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);
if (result == null) {
result = Bitmap.createBitmap(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);
}
Canvas canvas = new Canvas(result);
Paint paint = new Paint();
paint.setShader(new BitmapShader(source, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));
paint.setAntiAlias(true);
RectF rectF = new RectF(0f, 0f, source.getWidth(), source.getHeight());
canvas.drawRoundRect(rectF, radius, radius, paint);
return result;
}
@Override public String getId() {
return getClass().getName() + Math.round(radius);
}
}
圓形圖片轉(zhuǎn)換：
public class GlideCircleTransform extends BitmapTransformation {
public GlideCircleTransform(Context context) {
super(context);
}
@Override protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
return circleCrop(pool, toTransform);
}
private static Bitmap circleCrop(BitmapPool pool, Bitmap source) {
if (source == null) return null;
int size = Math.min(source.getWidth(), source.getHeight());
int x = (source.getWidth() - size) / 2;
int y = (source.getHeight() - size) / 2;
// TODO this could be acquired from the pool too
Bitmap squared = Bitmap.createBitmap(source, x, y, size, size);
Bitmap result = pool.get(size, size, Bitmap.Config.ARGB_8888);
if (result == null) {
result = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888);
}
Canvas canvas = new Canvas(result);
Paint paint = new Paint();
paint.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));
paint.setAntiAlias(true);
float r = size / 2f;
canvas.drawCircle(r, r, r, paint);
return result;
}
@Override public String getId() {
return getClass().getName();
}
}
獲取Bitmap
Glide.with(this)
.load(imageUrl)
.asBitmap()
.into(new SimpleTarget<Bitmap>() {
@Override
public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> glideAnimation) {
imageView.setImageBitmap(mBitmap);
}
});
