博主UI优化

raee · raee · commit 204e0ec413b6 · 2018-02-11T00:39:58.000+08:00
diff --git a/.idea/gradle.xml b/.idea/gradle.xml
diff --git a/app/src/main/java/com/rae/cnblogs/RaeImageLoader.java b/app/src/main/java/com/rae/cnblogs/RaeImageLoader.java
@@ -3,6 +3,8 @@
 import android.content.Context;
 import android.widget.ImageView;
 
+import com.bumptech.glide.load.resource.drawable.DrawableTransitionOptions;
+
 /**
  * 图片加载器
  * Created by ChenRui on 2016/12/3 17:01.
@@ -16,14 +18,18 @@ public static void displayHeaderImage(String url, ImageView view) {
         Context context = view.getContext();
         GlideApp.with(context)
                 .load(url)
+//                .centerCrop()
                 .placeholder(R.drawable.ic_default_user_avatar)
+                .error(R.drawable.ic_default_user_avatar)
+//                .transition(DrawableTransitionOptions.withCrossFade(300))
                 .into(view);
     }
 
     public static void displayImage(String url, ImageView view) {
         Context context = view.getContext();
         GlideApp.with(context)
                 .load(url)
+                .transition(DrawableTransitionOptions.withCrossFade(300))
                 .placeholder(R.color.background_divider)
                 .into(view);
     }
diff --git a/app/src/main/java/com/rae/cnblogs/activity/BloggerActivity.java b/app/src/main/java/com/rae/cnblogs/activity/BloggerActivity.java
@@ -17,6 +17,7 @@
 
 import com.bumptech.glide.load.DataSource;
 import com.bumptech.glide.load.engine.GlideException;
+import com.bumptech.glide.load.resource.drawable.DrawableTransitionOptions;
 import com.bumptech.glide.request.RequestListener;
 import com.bumptech.glide.request.RequestOptions;
 import com.bumptech.glide.request.target.Target;
@@ -236,39 +237,11 @@ public void onLoadBloggerInfo(final FriendsInfoBean userInfo) {
 
         GlideApp.with(this)
                 .load(userInfo.getAvatar())
+                .centerCrop()
                 .placeholder(R.drawable.boy)
                 .into(mAvatarView);
 
-        if (!TextUtils.isEmpty(userInfo.getAvatar())) {
-
-            // 封面图
-            final String coverUrl = String.format("https://files.cnblogs.com/files/%s/app-cover.bmp", userInfo.getBlogApp());
-            GlideApp.with(this)
-                    .load(coverUrl)
-                    .listener(new RequestListener<Drawable>() {
-                        @Override
-                        public boolean onLoadFailed(@Nullable GlideException e, Object o, Target<Drawable> target, boolean b) {
-                            // 如果没有这张封面图就展示默认的
-                            GlideApp.with(getContext())
-                                    .load(userInfo.getAvatar())
-                                    .apply(RequestOptions.bitmapTransform(new BlurTransformation(5))) // 高斯模糊
-                                    .into(mBackgroundView);
-                            return true;
-                        }
-
-                        @Override
-                        public boolean onResourceReady(Drawable drawable, Object o, Target<Drawable> target, DataSource dataSource, boolean b) {
-                            // 如果有封面图，则设置进去
-                            mBackgroundView.setContentDescription(coverUrl);
-                            // 统计
-                            AppMobclickAgent.onClickEvent(getContext(), "BloggerCover");
-                            return false;
-                        }
-                    })
-                    .apply(RequestOptions.bitmapTransform(new BlurTransformation(5))) // 高斯模糊
-                    .placeholder(R.drawable.account_top_bg)
-                    .into(mBackgroundView);
-        }
+        showAvatar(userInfo.getBlogApp(), userInfo.getAvatar());
 
         mBloggerNameView.setText(userInfo.getDisplayName());
         mTitleView.setText(userInfo.getDisplayName());
@@ -277,6 +250,40 @@ public boolean onResourceReady(Drawable drawable, Object o, Target<Drawable> tar
         mFollowView.setText(userInfo.isFollowed() ? R.string.cancel_follow : R.string.following);
     }
 
+    private void showAvatar(String blogApp, final String url) {
+        if (TextUtils.isEmpty(url)) return;
+        // 封面图
+        final String coverUrl = String.format("https://files.cnblogs.com/files/%s/app-cover.bmp", blogApp);
+        GlideApp.with(this)
+                .load(coverUrl)
+                .listener(new RequestListener<Drawable>() {
+                    @Override
+                    public boolean onLoadFailed(@Nullable GlideException e, Object o, Target<Drawable> target, boolean b) {
+                        // 如果没有这张封面图就展示默认的
+                        GlideApp.with(getContext())
+                                .load(url)
+                                .centerCrop()
+                                .transition(DrawableTransitionOptions.withCrossFade(600))
+                                .apply(RequestOptions.bitmapTransform(new BlurTransformation(8))) // 高斯模糊
+                                .into(mBackgroundView);
+                        return true;
+                    }
+
+                    @Override
+                    public boolean onResourceReady(Drawable drawable, Object o, Target<Drawable> target, DataSource dataSource, boolean b) {
+                        // 如果有封面图，则设置进去
+                        mBackgroundView.setContentDescription(coverUrl);
+                        // 统计
+                        AppMobclickAgent.onClickEvent(getContext(), "BloggerCover");
+                        return false;
+                    }
+                })
+                .apply(RequestOptions.bitmapTransform(new BlurTransformation(8))) // 高斯模糊
+                .centerCrop()
+                .transition(DrawableTransitionOptions.withCrossFade(600))
+                .into(mBackgroundView);
+    }
+
     @Override
     public String getBlogApp() {
         return mBlogApp;
diff --git a/app/src/main/res/drawable-xxhdpi/bg_blogger_blur.png b/app/src/main/res/drawable-xxhdpi/bg_blogger_blur.png
diff --git a/app/src/main/res/layout/fm_blogger_info.xml b/app/src/main/res/layout/fm_blogger_info.xml
@@ -34,16 +34,9 @@
                     android:id="@+id/img_background"
                     android:layout_width="match_parent"
                     android:layout_height="240dp"
-                    android:background="@drawable/account_top_bg"
+                    android:background="@drawable/bg_blogger_blur"
                     android:minHeight="240dp"
-                    android:scaleType="centerCrop"/>
-
-       <!--         &lt;!&ndash;添加一层遮罩层&ndash;&gt;
-                <ImageView
-                    android:id="@+id/img_alpha"
-                    android:layout_width="match_parent"
-                    android:layout_height="240dp"
-                    android:background="@color/blogger_image_alpha_color"/>-->
+                    android:scaleType="center"/>
 
                 <!--圆形头像-->
                 <RelativeLayout
diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties
@@ -1,6 +1,6 @@
-#Sat Aug 12 16:09:17 CST 2017
+#Sat Feb 10 17:03:03 CST 2018
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-4.1-rc-1-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-4.1-all.zip
