[增加]主页功能按钮移至Menu按钮点击悬浮窗中

app/src/main/java/com/sheep/gamegroup/module/home/fragment/FgtMainHeader.java

@@ -2,9 +2,7 @@ package com.sheep.gamegroup.module.home.fragment;
 
 import android.content.Intent;
 import android.graphics.Color;
-import android.os.Build;
 import android.os.Bundle;
-import android.view.Gravity;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
@@ -31,11 +29,9 @@ import com.sheep.jiuyan.samllsheep.utils.G;
 import com.sheep.jiuyan.samllsheep.utils.SpUtils;
 import org.greenrobot.eventbus.EventBus;
 import org.greenrobot.eventbus.Subscribe;
-
 import java.lang.ref.WeakReference;
 import java.util.List;
 import java.util.Locale;
-
 import butterknife.BindView;
 import butterknife.OnClick;
 import io.reactivex.android.schedulers.AndroidSchedulers;
@@ -52,19 +48,21 @@ public class FgtMainHeader extends BaseFragment {
     TextView tv_nickname;
     @BindView(R.id.tv_user_asset)
     TextView tv_user_asset;
-    @BindView(R.id.tv_msg_count)
-    TextView tv_msg_count;
-    @BindView(R.id.tv_download_count)
-    TextView tv_download_count;
     @BindView(R.id.iv_flag_vip)
     ImageView iv_flag_vip;
     @BindView(R.id.v_red_dot)
     View v_red_dot;
     @BindView(R.id.show_hide_pwd_btn)
     ImageView show_hide_pwd_btn;
-
     @BindView(R.id.iv_menu)
     View iv_menu;
+    @BindView(R.id.v_red_dot_menu)
+    View menuRedDotView;
+    @BindView(R.id.view_anchor)
+    View anchorView;
+
+    TextView tv_msg_count;
+    TextView tv_download_count;
 
     private UserEntity user;
 
@@ -108,6 +106,7 @@ public class FgtMainHeader extends BaseFragment {
     @Override
     public void onViewCreated(View view, Bundle savedInstanceState) {
         super.onViewCreated(view, savedInstanceState);
+        initMenuPopView();
         user = DataUtil.getInstance().getUserEntity();
         if (user != null) {
             showUserProfile();
@@ -169,20 +168,29 @@ public class FgtMainHeader extends BaseFragment {
     }
 
     public void onMsgClick() {
+        menuPopWindow.dismiss();
 //        startActivity(new Intent(getActivity(), ActMsg.class));
         Jump2View.getInstance().goWeb(getActivity(), new WebParams(Config.getUrlByPath(Config.PATH_MESSAGE_HOME)).setTitle("消息中心").hideProgress());
     }
 
     public void onDownloadClick() {
+        menuPopWindow.dismiss();
         Jump2View.getInstance().goActDownloadManager(getActivity());
     }
 
     public void onScanQR() {
+        menuPopWindow.dismiss();
         if (!CameraUtil.checkCameraPermission(getActivity())) return;
         Intent intent = new Intent(getActivity(), ScanQRCodeActivity.class);
         getActivity().startActivityForResult(intent, Constant.INTENT_CAPTURE_QRCODE);
     }
 
+    //有无未读消息
+    boolean hasUnReadMessage = false;
+
+    //有无下载消息
+    boolean hasDownloadMessage = false;
+
     /**
      * 获取是否有未读消息并更新图标
      */
@@ -198,9 +206,13 @@ public class FgtMainHeader extends BaseFragment {
                     public void onNext(BaseMessage baseMessage) {
                         MessageUnReadEntity entity = baseMessage.getData(MessageUnReadEntity.class);
                         if (entity != null && entity.getNum() > 0) {
+                            hasUnReadMessage = true;
+                            updateMenuRedDot();
                             ViewUtil.setVisibility(tv_msg_count, true);
                             ViewUtil.setText(tv_msg_count, entity.getNum());
                         } else {
+                            hasUnReadMessage = false;
+                            updateMenuRedDot();
                             ViewUtil.setVisibility(tv_msg_count, false);
                         }
                     }
@@ -214,25 +226,28 @@ public class FgtMainHeader extends BaseFragment {
 
     private PopupWindow menuPopWindow;
 
+    private void initMenuPopView() {
+        View menuContentView = LayoutInflater.from(getContext()).inflate(R.layout.pop_home_menu, null, false);
+        menuPopWindow = new PopupWindow(menuContentView, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
+        menuPopWindow.setFocusable(true);
+        tv_msg_count = menuContentView.findViewById(R.id.tv_msg_count);
+        tv_download_count = menuContentView.findViewById(R.id.tv_download_count);
+        menuContentView.findViewById(R.id.cl_message).setOnClickListener(v -> {
+            onMsgClick();
+        });
+        menuContentView.findViewById(R.id.cl_scan).setOnClickListener(v -> {
+            onScanQR();
+        });
+        menuContentView.findViewById(R.id.cl_download).setOnClickListener(v -> {
+            onDownloadClick();
+        });
+    }
+
     private void showOrHideMenuPop() {
-        if (menuPopWindow == null) {
-            View menuContentView = LayoutInflater.from(getContext()).inflate(R.layout.pop_home_menu, null, false);
-            menuPopWindow = new PopupWindow(menuContentView, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
-            menuPopWindow.setFocusable(true);
-            menuContentView.findViewById(R.id.tv_msg).setOnClickListener(v -> {
-                onMsgClick();
-            });
-            menuContentView.findViewById(R.id.tv_scan).setOnClickListener(v -> {
-                onScanQR();
-            });
-            menuContentView.findViewById(R.id.tv_download_center).setOnClickListener(v -> {
-                onDownloadClick();
-            });
-        }
         if (menuPopWindow.isShowing()) {
             menuPopWindow.dismiss();
         } else {
-            menuPopWindow.showAsDropDown(iv_menu, 0, 5);
+            menuPopWindow.showAsDropDown(anchorView, 0, 5);
         }
     }
 
@@ -245,13 +260,25 @@ public class FgtMainHeader extends BaseFragment {
             }
         }
         if (runningCount > 0) {
+            hasDownloadMessage = true;
+            updateMenuRedDot();
             ViewUtil.setText(tv_download_count, runningCount + "");
             ViewUtil.setVisibility(tv_download_count, true);
         } else {
+            hasDownloadMessage = false;
+            updateMenuRedDot();
             ViewUtil.setVisibility(tv_download_count, false);
         }
     }
 
+    private void updateMenuRedDot() {
+        if (hasDownloadMessage || hasUnReadMessage) {
+            ViewUtil.setVisibility(menuRedDotView, true);
+        } else {
+            ViewUtil.setVisibility(menuRedDotView, false);
+        }
+    }
+
     @Subscribe
     public void onEventMainThread(BigEvent event) {
         switch (event.getEventTypes()) {

app/src/main/java/com/sheep/jiuyan/samllsheep/base/BaseFragment.java

@@ -65,7 +65,6 @@ public abstract class BaseFragment extends RxFragment {
 
     }
 
-
     @Override
     public void onCreate(@Nullable Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);

app/src/main/res/drawable/drawable_selector_item_click.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:drawable="@color/black_half" android:state_pressed="true"/>
+    <item android:drawable="@null" android:state_pressed="false"/>
+
+</selector>

app/src/main/res/layout/fgt_main_header.xml

@@ -5,6 +5,7 @@
         xmlns:tools="http://schemas.android.com/tools"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
+        android:orientation="horizontal"
         android:gravity="center_vertical"
         tools:background="@color/black">
 
@@ -14,45 +15,59 @@
             android:layout_height="wrap_content"
             app:layout_constraintStart_toStartOf="parent">
 
-        <ImageView
-                android:id="@+id/iv_user_face"
-                android:layout_width="40dp"
-                android:layout_height="40dp"
+        <FrameLayout
+                android:id="@+id/fl_avatar"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginStart="16dp"
                 app:layout_constraintStart_toStartOf="parent"
                 app:layout_constraintTop_toTopOf="parent"
-                app:layout_constraintBottom_toBottomOf="parent"
-                android:layout_marginStart="@dimen/content_padding_16"
-                android:src="@drawable/avatar"/>
+                app:layout_constraintBottom_toBottomOf="parent">
+
+            <ImageView
+                    android:id="@+id/iv_user_face"
+                    android:layout_width="40dp"
+                    android:layout_height="40dp"
+                    android:scaleType="centerCrop"
+                    android:layout_marginBottom="8dp"
+                    android:src="@drawable/qq"/>
+
+            <View
+                    android:id="@+id/v_red_dot"
+                    android:layout_width="8dp"
+                    android:layout_height="8dp"
+                    android:layout_gravity="end"
+                    android:background="@drawable/shape_oval_red"
+                    android:visibility="visible"/>
+
+            <ImageView
+                    android:id="@+id/iv_flag_vip"
+                    android:layout_width="36dp"
+                    android:layout_height="16dp"
+                    android:src="@mipmap/level_vip"
+                    android:layout_gravity="bottom|center_horizontal"/>
+
+        </FrameLayout>
 
-        <View
-                android:id="@+id/v_red_dot"
-                android:layout_width="8dp"
-                android:layout_height="8dp"
-                android:background="@drawable/shape_oval_red"
-                android:visibility="visible"
-                app:layout_constraintEnd_toEndOf="@+id/iv_user_face"
-                app:layout_constraintTop_toTopOf="@+id/iv_user_face"/>
 
         <TextView
                 android:id="@+id/tv_nickname"
                 android:layout_width="wrap_content"
                 android:layout_height="20dp"
                 android:layout_marginStart="12dp"
-                android:layout_toRightOf="@+id/iv_user_face"
+                android:layout_toRightOf="@+id/fl_avatar"
                 android:text="七天的绵羊"
                 android:textColor="@color/white"
                 android:textSize="14sp"
                 android:textStyle="bold"
-                app:layout_constraintStart_toEndOf="@+id/iv_user_face"
-                app:layout_constraintTop_toTopOf="@+id/iv_user_face"/>
+                app:layout_constraintStart_toEndOf="@+id/fl_avatar"
+                app:layout_constraintTop_toTopOf="@+id/fl_avatar"/>
 
         <TextView
                 android:id="@+id/tv_coin_flag"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:layout_marginTop="8dp"
-                android:layout_alignBottom="@+id/iv_user_face"
-                android:layout_toRightOf="@+id/iv_user_face"
+                android:layout_marginTop="4dp"
                 android:text="绵羊币:"
                 android:textColor="@color/white"
                 android:textSize="11sp"
@@ -64,7 +79,6 @@
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:layout_marginStart="8dp"
-                android:layout_alignBottom="@+id/iv_user_face"
                 android:layout_toRightOf="@+id/tv_coin_flag"
                 android:text="****"
                 android:textColor="@color/white"
@@ -76,6 +90,7 @@
                 app:layout_constraintHorizontal_bias="0.526"
                 app:layout_constraintVertical_bias="0.0"/>
 
+
         <ImageView
                 android:id="@+id/show_hide_pwd_btn"
                 android:layout_width="18dp"
@@ -91,16 +106,6 @@
                 app:layout_constraintTop_toTopOf="@+id/tv_user_asset"
                 app:layout_constraintBottom_toBottomOf="@+id/tv_user_asset"/>
 
-        <ImageView
-                android:id="@+id/iv_flag_vip"
-                android:layout_width="28dp"
-                android:layout_height="13dp"
-                android:layout_toRightOf="@+id/tv_nickname"
-                android:src="@mipmap/level_vip"
-                app:layout_constraintStart_toStartOf="@+id/iv_user_face"
-                app:layout_constraintEnd_toEndOf="@+id/iv_user_face"
-                app:layout_constraintBottom_toBottomOf="@+id/iv_user_face"/>
-
     </android.support.constraint.ConstraintLayout>
 
     <View
@@ -108,33 +113,11 @@
             android:layout_height="match_parent"
             android:layout_weight="1"/>
 
-    <TextView
-            android:id="@+id/tv_download_count"
-            android:layout_width="wrap_content"
-            android:layout_height="14dp"
-            android:layout_alignParentEnd="true"
-            android:background="@drawable/shape_f81b5f_rec_7"
-            android:gravity="center"
-            android:minWidth="14dp"
-            android:paddingStart="4dp"
-            android:paddingEnd="4dp"
-            android:text="0"
-            android:textColor="@color/white"
-            android:textSize="10dp"/>
-
-    <TextView
-            android:id="@+id/tv_msg_count"
-            android:layout_width="wrap_content"
-            android:layout_height="14dp"
-            android:layout_alignParentEnd="true"
-            android:background="@drawable/shape_f81b5f_rec_7"
-            android:gravity="center"
-            android:minWidth="14dp"
-            android:paddingStart="4dp"
-            android:paddingEnd="4dp"
-            android:text="0"
-            android:textColor="@color/white"
-            android:textSize="9sp"/>
+    <View
+            android:id="@+id/view_anchor"
+            android:layout_width="68dp"
+            android:layout_height="match_parent"
+            android:layout_weight="0"/>
 
     <ImageView
             android:id="@+id/iv_search"
@@ -148,7 +131,7 @@
     <FrameLayout
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
-            android:layout_marginEnd="14dp">
+            android:layout_marginEnd="24dp">
 
         <ImageView
                 android:id="@+id/iv_menu"

app/src/main/res/layout/pop_home_menu.xml

@@ -11,11 +11,11 @@
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             app:layout_constraintTop_toTopOf="parent"
-            android:layout_marginEnd="18dp"
+            android:layout_marginEnd="16dp"
             app:layout_constraintEnd_toEndOf="@id/cl_content"
             android:src="@drawable/zhixiang"/>
 
-    <android.support.constraint.ConstraintLayout
+    <LinearLayout
             android:id="@+id/cl_content"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
@@ -26,138 +26,173 @@
             app:layout_constraintEnd_toEndOf="parent"
             android:background="@drawable/bg_corner_12dp">
 
-        <ImageView
-                android:id="@+id/iv_msg"
-                android:layout_width="24dp"
-                android:layout_height="24dp"
-                android:layout_marginStart="24dp"
-                android:layout_marginTop="12dp"
-                android:layout_marginBottom="12dp"
-                app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toTopOf="parent"
-                android:src="@mipmap/ic_msg"/>
 
-        <TextView
-                android:id="@+id/tv_msg_count"
-                android:layout_width="wrap_content"
-                android:layout_height="14dp"
-                android:layout_alignParentEnd="true"
-                android:background="@drawable/shape_f81b5f_rec_7"
-                android:gravity="center"
-                android:minWidth="14dp"
-                android:paddingStart="4dp"
-                android:paddingEnd="4dp"
-                android:text="0"
-                android:textColor="@color/white"
-                android:textSize="10dp"
-                app:layout_constraintEnd_toEndOf="@+id/iv_msg"
-                app:layout_constraintTop_toTopOf="@+id/iv_msg"/>
-
-        <TextView
-                android:id="@+id/tv_msg"
+        <android.support.constraint.ConstraintLayout
+                android:id="@+id/cl_message"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
-                android:text="消息记录"
-                android:paddingStart="24dp"
-                android:paddingTop="8dp"
-                android:paddingBottom="8dp"
-                android:textSize="16dp"
-                android:textColor="@color/white"
-                android:paddingEnd="24dp"
-                app:layout_constraintEnd_toEndOf="parent"
-                app:layout_constraintStart_toEndOf="@+id/iv_msg"
-                app:layout_constraintBottom_toBottomOf="@+id/iv_msg"
-                app:layout_constraintTop_toTopOf="@+id/iv_msg"/>
-
-        <View
-                android:id="@+id/view_split_msg"
-                android:layout_width="0dp"
-                android:layout_height="1dp"
-                android:layout_marginTop="12dp"
-                app:layout_constraintTop_toBottomOf="@id/iv_msg"
-                android:background="#353535"
-                app:layout_constraintEnd_toEndOf="parent"
-                app:layout_constraintStart_toStartOf="parent"/>
-
-        <ImageView
-                android:id="@+id/iv_scan"
-                android:layout_width="24dp"
-                android:layout_height="24dp"
-                android:layout_marginStart="24dp"
-                android:layout_marginTop="12dp"
-                android:layout_marginBottom="12dp"
+                app:layout_constraintTop_toTopOf="parent"
                 app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toBottomOf="@id/view_split_msg"
-                android:src="@mipmap/scan"/>
+                app:layout_constraintEnd_toEndOf="parent">
+
+            <ImageView
+                    android:id="@+id/iv_msg"
+                    android:layout_width="24dp"
+                    android:layout_height="24dp"
+                    android:layout_marginStart="24dp"
+                    android:layout_marginTop="12dp"
+                    android:layout_marginBottom="12dp"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent"
+                    android:src="@mipmap/ic_msg"/>
+
+            <TextView
+                    android:id="@+id/tv_msg_count"
+                    android:layout_width="wrap_content"
+                    android:layout_height="14dp"
+                    android:layout_alignParentEnd="true"
+                    android:background="@drawable/shape_f81b5f_rec_7"
+                    android:gravity="center"
+                    android:minWidth="14dp"
+                    android:paddingStart="4dp"
+                    android:paddingEnd="4dp"
+                    android:text="0"
+                    android:textColor="@color/white"
+                    android:textSize="10dp"
+                    app:layout_constraintEnd_toEndOf="@+id/iv_msg"
+                    app:layout_constraintTop_toTopOf="@+id/iv_msg"/>
 
-        <TextView
-                android:id="@+id/tv_scan"
-                android:layout_width="0dp"
+            <TextView
+                    android:id="@+id/tv_msg"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="消息记录"
+                    android:paddingStart="24dp"
+                    android:paddingTop="8dp"
+                    android:paddingBottom="8dp"
+                    android:textSize="16dp"
+                    android:textColor="@color/white"
+                    android:paddingEnd="24dp"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toEndOf="@+id/iv_msg"
+                    app:layout_constraintBottom_toBottomOf="@+id/iv_msg"
+                    app:layout_constraintTop_toTopOf="@+id/iv_msg"/>
+
+            <View
+                    android:id="@+id/view_split_msg"
+                    android:layout_width="0dp"
+                    android:layout_height="1dp"
+                    android:layout_marginTop="12dp"
+                    app:layout_constraintTop_toBottomOf="@id/iv_msg"
+                    android:background="#353535"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"/>
+
+        </android.support.constraint.ConstraintLayout>
+
+        <android.support.constraint.ConstraintLayout
+                android:id="@+id/cl_scan"
+                android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:text="扫一扫"
-                android:paddingStart="24dp"
-                android:textSize="16dp"
-                android:paddingTop="8dp"
-                android:paddingBottom="8dp"
-                android:textColor="@color/white"
-                app:layout_constraintBottom_toBottomOf="@+id/iv_scan"
-                app:layout_constraintTop_toTopOf="@+id/iv_scan"
-                app:layout_constraintStart_toStartOf="@+id/tv_msg"
-                app:layout_constraintEnd_toEndOf="parent"/>
-
-        <View
-                android:id="@+id/view_split_scan"
-                android:layout_width="0dp"
-                android:layout_height="1dp"
-                android:layout_marginTop="12dp"
-                app:layout_constraintTop_toBottomOf="@id/iv_scan"
-                android:background="#353535"
-                app:layout_constraintEnd_toEndOf="parent"
-                app:layout_constraintStart_toStartOf="parent"/>
-
-        <ImageView
-                android:id="@+id/iv_download"
-                android:layout_width="24dp"
-                android:layout_height="24dp"
-                android:layout_marginStart="24dp"
-                android:layout_marginTop="12dp"
-                android:layout_marginBottom="12dp"
-                app:layout_constraintBottom_toBottomOf="parent"
+                app:layout_constraintTop_toTopOf="parent"
                 app:layout_constraintStart_toStartOf="parent"
-                app:layout_constraintTop_toBottomOf="@id/view_split_scan"
-                android:src="@drawable/drawable_selector_ic_home_download"/>
+                app:layout_constraintEnd_toEndOf="parent">
+
+            <ImageView
+                    android:id="@+id/iv_scan"
+                    android:layout_width="24dp"
+                    android:layout_height="24dp"
+                    android:layout_marginStart="24dp"
+                    android:layout_marginTop="12dp"
+                    android:layout_marginBottom="12dp"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    android:src="@mipmap/scan"/>
 
-        <TextView
-                android:id="@+id/tv_download_count"
+            <TextView
+                    android:id="@+id/tv_scan"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="扫一扫"
+                    android:paddingStart="24dp"
+                    android:paddingTop="8dp"
+                    android:paddingBottom="8dp"
+                    android:textSize="16dp"
+                    android:textColor="@color/white"
+                    android:paddingEnd="24dp"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toEndOf="@+id/iv_scan"
+                    app:layout_constraintBottom_toBottomOf="@+id/iv_scan"
+                    app:layout_constraintTop_toTopOf="@+id/iv_scan"/>
+
+            <View
+                    android:id="@+id/view_split_scan"
+                    android:layout_width="0dp"
+                    android:layout_height="1dp"
+                    android:layout_marginTop="12dp"
+                    app:layout_constraintTop_toBottomOf="@id/iv_scan"
+                    android:background="#353535"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"/>
+
+        </android.support.constraint.ConstraintLayout>
+
+        <android.support.constraint.ConstraintLayout
+                android:id="@+id/cl_download"
                 android:layout_width="wrap_content"
-                android:layout_height="14dp"
-                android:layout_alignParentEnd="true"
-                android:background="@drawable/shape_f81b5f_rec_7"
-                android:gravity="center"
-                android:minWidth="14dp"
-                android:paddingStart="4dp"
-                android:paddingEnd="4dp"
-                android:text="0"
-                android:textColor="@color/white"
-                android:textSize="10dp"
-                app:layout_constraintTop_toTopOf="@+id/iv_download"
-                app:layout_constraintEnd_toEndOf="@+id/iv_download"/>
-
-        <TextView
-                android:id="@+id/tv_download_center"
-                android:layout_width="0dp"
                 android:layout_height="wrap_content"
-                android:text="下载中心"
-                android:paddingStart="24dp"
-                android:paddingTop="8dp"
-                android:paddingBottom="8dp"
-                android:textSize="16dp"
-                android:textColor="@color/white"
-                app:layout_constraintBottom_toBottomOf="@+id/iv_download"
-                app:layout_constraintTop_toTopOf="@+id/iv_download"
-                app:layout_constraintStart_toStartOf="@+id/tv_scan"
-                app:layout_constraintEnd_toEndOf="parent"/>
-
-    </android.support.constraint.ConstraintLayout>
+                app:layout_constraintTop_toTopOf="parent"
+                app:layout_constraintStart_toStartOf="parent"
+                app:layout_constraintEnd_toEndOf="parent">
+
+            <ImageView
+                    android:id="@+id/iv_download"
+                    android:layout_width="24dp"
+                    android:layout_height="24dp"
+                    android:layout_marginStart="24dp"
+                    android:layout_marginTop="12dp"
+                    android:layout_marginBottom="12dp"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent"
+                    android:src="@drawable/drawable_selector_ic_home_download"/>
+
+            <TextView
+                    android:id="@+id/tv_download_count"
+                    android:layout_width="wrap_content"
+                    android:layout_height="14dp"
+                    android:layout_alignParentEnd="true"
+                    android:background="@drawable/shape_f81b5f_rec_7"
+                    android:gravity="center"
+                    android:minWidth="14dp"
+                    android:paddingStart="4dp"
+                    android:paddingEnd="4dp"
+                    android:text="0"
+                    android:textColor="@color/white"
+                    android:textSize="10dp"
+                    app:layout_constraintEnd_toEndOf="@+id/iv_download"
+                    app:layout_constraintTop_toTopOf="@+id/iv_download"/>
+
+            <TextView
+                    android:id="@+id/tv_download"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:text="下载中心"
+                    android:paddingStart="24dp"
+                    android:paddingTop="8dp"
+                    android:paddingBottom="8dp"
+                    android:textSize="16dp"
+                    android:textColor="@color/white"
+                    android:paddingEnd="24dp"
+                    app:layout_constraintEnd_toEndOf="parent"
+                    app:layout_constraintStart_toEndOf="@+id/iv_download"
+                    app:layout_constraintBottom_toBottomOf="@+id/iv_download"
+                    app:layout_constraintTop_toTopOf="@+id/iv_download"/>
+
+        </android.support.constraint.ConstraintLayout>
+
+
+    </LinearLayout>
 
 </android.support.constraint.ConstraintLayout>

app/src/main/res/values/gamegroup_color.xml

@@ -46,6 +46,7 @@
     <color name="gray_F5F5F5">#F5F5F5</color>
 
     <color name="black_333333">#333333</color>
+    <color name="black_half">#64333333</color>
     <color name="black_999999">#999999</color>
     <color name="yellow_FFAD3C">#FFAD3C</color>
     <color name="purple_BE0FFF">#BE0FFF</color>