使用 Retrofit+RxJava+MVP 打造一款 MaterialDesign 风格的 APP

2,023 阅读3分钟

为了熟悉使用一些开源框架,便决定利用业余时间写一个APP来熟悉这些框架的使用。提前踩一踩坑,方便以后在公司的项目中使用。使用的接口是聚合数据的和干货集中营的,非常感谢。


4.png

6.png

3.png
  • 首页侧滑栏使用DrawerLayout+NavigationView实现的

  • 使用Realm数据库实现本地收藏

  • 使用Retrofit+RxJava+RxAndroid实现网络请求,并对返回结果进行了简单的封装

  • RecyclerView的Adapter和ViewHolder进行封装,实现了上拉加载

  • 使用CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout实现了炫酷的滑动动画

  • 使用Glide实现了图片的加载

  • 使用PhotoView实现了图片的缩放

  • 日历使用开源的material-calendarview

  • 实现了SwipeRefreshLayout首次进入自动刷新

APP下载


二维码.png

源码

github.com/RaphetS/Tod…

一、使用DrawerLayout+NavigationView实现侧滑栏




    

       

        
    

    
    


DrawerLayout是Androidv4包里自带的控件,支持左滑和右滑,android:layout_gravity="leftt"代表左滑界面(或者start),android:layout_gravity="right"代码右滑的界面(或者end),不加layout_gravity的就是主界面。代码里可以添加ActionBarDrawerToggle控制侧滑栏展示与隐藏。

ActionBarDrawerToggle mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, mToolBar, R.string.open, R.string.close);
mDrawerToggle.syncState();
mDrawer.addDrawerListener(mDrawerToggle);

NavigationView是Google在5.0之后推出的一个控件,主要作为菜单控件使用,分为上下部分,上面的部分为headerLayout,可以自定义布局,下面的部分为menu,作为导航菜单的菜单项



    
    
    
    


获取头部(headerLayout)内控件:
View headView=navigationView.getHeaderView(0);
设置菜单列表图标颜色:

默认情况下,菜单图标颜色为灰色,可以通过一下设置图标颜色

app:itemIconTint=""
添加分割线:

只需将菜单分成多个Group,每个Group设置一个Id,那么Group之间就会有分割线:












二、Glide加载图片

设置绑定生命周期

  Glide.with(Context context);// 绑定Context
  Glide.with(Activity activity);// 绑定Activity
  Glide.with(FragmentActivity activity);// 绑定FragmentActivity
  Glide.with(Fragment fragment);// 绑定Fragment
常规用法:
Glide.with(context)
                .load(imageUrl)//图片路径
                .placeholder(R.drawable.ic_launcher)//设置加载中图片
                .error(R.drawable.ic_launcher)//设置加载失败图片
                .skipMemoryCache(true)//设置跳过内存缓存
                .diskCacheStrategy(DiskCacheStrategy.ALL)//设置缓存策略:all:缓存源资源和转换后的资源/none:不作任何磁盘缓存 /source:缓存源资源 /result:缓存转换后的资源
                .priority(Priority.NORMAL)//设置下载优先级
                .animate(R.anim.item_alpha_in)//设置加载动画
                .thumbnail(0.1f)//设置缩略图支持(先加载缩略图,再加载全图)
                .override(400,400)//设置加载尺寸
                .centerCrop()//设置动态变换
                .into(imageView);
加载Git图片:
Glide.with(this).load(imageUrl).asGif().into(imageView);
动态缓存清理:
Glide.get(this).clearDiskCache();//清理磁盘缓存 需要在子线程中执行 Glide.get(this).clearMemory();//清理内存缓存 可以在UI主线程中进行
加载圆角图片或圆形图片:
Glide.with(this).load(imageUrl).transform(new GlideRoundTransform(this)).into(imageView);

需要自定义Transform,这里提供一个圆角和一个圆形的Transform:

圆角转换:
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);
    }
}
圆形图片转换:
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() {
                    @Override
                    public void onResourceReady(Bitmap resource, GlideAnimation glideAnimation) {
                        imageView.setImageBitmap(mBitmap);
                    }
                });