韦德国际bv1946_www.bv1946com_韦德国际1946手机版
做最好的网站

gravity="right"代码右滑的界面

日期:2020-03-14编辑作者:韦德国际bv1946计算机

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

图片 14.png 图片 26.png图片 33.png

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

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

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

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

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

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

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

  • 日历使用开源的material-calendarview

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

图片 4二维码.png

<?xml version="1.0" encoding="utf-8"?><android.support.v4.widget.DrawerLayout xmlns:andro xmlns:app="http://schemas.android.com/apk/res-auto" android: 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: android:layout_width="match_parent" android:layout_height="wrap_content" app:titleTextColor="@android:color/white" /> <FrameLayout android: android:layout_width="match_parent" android:layout_height="match_parent"></FrameLayout> </LinearLayout> <android.support.design.widget.NavigationView android: 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"代表左滑界面,android:layout_gravity="right"代码右滑的界面,不加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:andro> <item android: android:checkable="true" android:icon="@drawable/ic_history" android:title="历史上的今天" /> <item android: android:checkable="true" android:icon="@drawable/icon_gril" android:title="妹纸" /> <item android: android:checkable="true" android:icon="@drawable/ic_unlike" android:title="收藏" /> <item android: 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;
设置菜单列表图标颜色:

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

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

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

<menuxmlns:andro><groupandroid:><itemandroid:android:icon="@mipmap/ic_launcher"android:title="历史上的今天"/><itemandroid:android:icon="@mipmap/ic_launcher"android:title="收藏"/></group><groupandroid:><itemandroid:android:icon="@mipmap/ic_launcher"android:title="妹子"/></group><itemandroid:android:icon="@mipmap/ic_launcher"android:title="关于"/></menu>

设置绑定生命周期

 Glide.with(Context context);// 绑定Context Glide.with(Activity activity);// 绑定Activity Glide.with(FragmentActivity activity);// 绑定FragmentActivity Glide.with(Fragment fragment);// 绑定Fragment
常规用法:
Glide.with .load//图片路径 .placeholder(R.drawable.ic_launcher)//设置加载中图片 .error(R.drawable.ic_launcher)//设置加载失败图片 .skipMemoryCache//设置跳过内存缓存 .diskCacheStrategy(DiskCacheStrategy.ALL)//设置缓存策略:all:缓存源资源和转换后的资源/none:不作任何磁盘缓存 /source:缓存源资源 /result:缓存转换后的资源 .priority(Priority.NORMAL)//设置下载优先级 .animate(R.anim.item_alpha_in)//设置加载动画 .thumbnail//设置缩略图支持(先加载缩略图,再加载全图) .override//设置加载尺寸 .centerCrop()//设置动态变换 .into(imageView);
加载Git图片:
Glide.with.load.asGif().into(imageView);
动态缓存清理:
Glide.get.clearDiskCache();//清理磁盘缓存 需要在子线程中执行 Glide.get.clearMemory();//清理内存缓存 可以在UI主线程中进行
加载圆角图片或圆形图片:
Glide.with.load.transform(new GlideRoundTransform.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; 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; Paint paint = new Paint(); paint.setShader(new BitmapShader(source, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP)); paint.setAntiAlias; 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; }}
圆形图片转换:
public class GlideCircleTransform extends BitmapTransformation { public GlideCircleTransform(Context context) { super; } @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 / 2; int y = (source.getHeight / 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; Paint paint = new Paint(); paint.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP)); paint.setAntiAlias; float r = size / 2f; canvas.drawCircle(r, r, r, paint); return result; } @Override public String getId() { return getClass().getName(); }}
获取Bitmap
 Glide.with .load .asBitmap() .into(new SimpleTarget<Bitmap>() { @Override public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> glideAnimation) { imageView.setImageBitmap; } });

本文由韦德国际bv1946手机版发布于韦德国际bv1946计算机,转载请注明出处:gravity="right"代码右滑的界面

关键词: 风格 RxJava Retrofit

最火开源项目RetrofitUtils使用

PS:如果觉得文章太长,你也可观看该课程的视频教程,亲,里面还有高清,无码的福利喔 写在前面:Retrofit与okhttp共...

详细>>