为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Android

用到的主流框架


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

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

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

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

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

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

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

  • 日历使用开源的material-calendarview

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


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


<?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控制侧滑栏展示与隐藏。


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

mDrawerToggle.syncState();

mDrawer.addDrawerListener(mDrawerToggle);


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


<?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="关于" /></menu>


点击事件:


navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {  

    @Override  

    public boolean onNavigationItemSelected(MenuItem item) {  

        //在这里处理item的点击事件  

        return true;  

    }  

});


获取头部(headerLayout)内控件:


View headView=navigationView.getHeaderView(0);


设置菜单列表图标颜色:


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


app:itemIconTint=""


添加分割线:


只需将菜单分成多个Group,每个Group设置一个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="关于"/>

</menu>


二、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<Bitmap>() {

                    @Override

                    public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> glideAnimation) {

                        imageView.setImageBitmap(mBitmap);

                    }

                });

原文链接:http://www.apkbus.com/blog-705730-62730.html

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消