换肤

app/src/main/java/com/kuxuan/moneynote/base/BaseFragmentActivity.java

@@ -13,9 +13,6 @@ import android.view.WindowManager;
 
 import com.kuxuan.moneynote.R;
 import com.kuxuan.moneynote.utils.StatusBarUtil;
-import com.kuxuan.moneynote.utils.StatusBarUtil_One;
-
-import java.lang.reflect.Field;
 
 import butterknife.ButterKnife;
 
@@ -34,20 +31,20 @@ public abstract class BaseFragmentActivity extends MyAutoActivity {
         super.onCreate(savedInstanceState);
 
 
-        if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.N){
-            try {
-                Class decorViewClazz = Class.forName("com.android.internal.policy.DecorView");
-                Field field = decorViewClazz.getDeclaredField("mSemiTransparentStatusBarColor");
-                field.setAccessible(true);
-                field.setInt(getWindow().getDecorView(), Color.TRANSPARENT);  //改为透明
-                getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
-            } catch (Exception e) {}
-        }else{
-            StatusBarUtil_One.translucentStatusBar(this);
-            StatusBarUtil.StatusBarLightMode(this);
-        }
+//        if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.N){
+//            try {
+//                Class decorViewClazz = Class.forName("com.android.internal.policy.DecorView");
+//                Field field = decorViewClazz.getDeclaredField("mSemiTransparentStatusBarColor");
+//                field.setAccessible(true);
+//                field.setInt(getWindow().getDecorView(), Color.TRANSPARENT);  //改为透明
+//                getWindow().getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
+//            } catch (Exception e) {}
+//        }else{
+//            StatusBarUtil_One.translucentStatusBar(this);
+//            StatusBarUtil.StatusBarLightMode(this);
+//        }
 
-//        initWidows();
+        initWidows();
 
 
 

app/src/main/java/com/kuxuan/moneynote/common/Constant.java

@@ -77,6 +77,17 @@ public class Constant {
     }
 
 
+    public  static  class Skin{
+
+        public static final String CHECKED = "checked";
+
+        public static final String LOADED = "loaded";
+
+
+    }
+
+
+
     public static class Code_Request {
         public static final int SUCCESS_CODE = 0;
         /**

app/src/main/java/com/kuxuan/moneynote/ui/activitys/MainActivity.java

@@ -18,6 +18,7 @@ import com.kuxuan.moneynote.db.CategoryDaoOperator;
 import com.kuxuan.moneynote.json.BeanNewJson;
 import com.kuxuan.moneynote.json.UploadBeanJson;
 import com.kuxuan.moneynote.json.UploadDbjson;
+import com.kuxuan.moneynote.json.netbody.SkinBean;
 import com.kuxuan.moneynote.servier.ServiceUtil;
 import com.kuxuan.moneynote.ui.activitys.account.AccountActivity;
 import com.kuxuan.moneynote.ui.activitys.home.DataGenerator;
@@ -30,6 +31,9 @@ import com.kuxuan.moneynote.utils.TimeUtlis;
 import com.umeng.analytics.MobclickAgent;
 import com.umeng.socialize.UMShareAPI;
 
+import org.greenrobot.eventbus.EventBus;
+import org.greenrobot.eventbus.Subscribe;
+
 import java.util.ArrayList;
 
 import butterknife.Bind;
@@ -100,8 +104,13 @@ public class MainActivity extends BaseFragmentActivity {
         }
 //        getTitleView(0).setTitle(getResources().getString(R.string.app_name));
 
-        //开启上传服务(更新的时候)
+        EventBus.getDefault().register(this);
+    }
 
+    @Override
+    protected void onDestroy() {
+        EventBus.getDefault().unregister(this);
+        super.onDestroy();
     }
 
     /**
@@ -283,6 +292,13 @@ public class MainActivity extends BaseFragmentActivity {
     }
 
 
+    @Subscribe
+    public void onMessageEvent(SkinBean skinBean) {
+        navigationLayout.refresh(0);
+        navigationLayout.setCenter_CIColor(skinBean.getCode());
+    }
+
+
     private void
     onTabItemSelected(int position) {
         Fragment fragment = null;

app/src/main/java/com/kuxuan/moneynote/ui/adapter/SkinAdapter.java

@@ -1,10 +1,16 @@
 package com.kuxuan.moneynote.ui.adapter;
 
 import android.support.annotation.Nullable;
+import android.view.View;
+import android.widget.ImageView;
 
 import com.chad.library.adapter.base.BaseQuickAdapter;
 import com.chad.library.adapter.base.BaseViewHolder;
+import com.kuxuan.moneynote.R;
+import com.kuxuan.moneynote.common.Constant;
 import com.kuxuan.moneynote.json.netbody.RES;
+import com.kuxuan.moneynote.utils.GlideUtil;
+import com.kuxuan.moneynote.utils.SPUtil;
 
 import java.util.List;
 
@@ -29,7 +35,17 @@ public class SkinAdapter extends BaseQuickAdapter<RES,BaseViewHolder> {
     @Override
     protected void convert(BaseViewHolder helper, RES item) {
 
+        helper.getView(R.id.view).setVisibility(View.VISIBLE);
+        helper.getView(R.id.iv_check).setVisibility(View.GONE);
 
+        int checked = (int) SPUtil.get(mContext, Constant.Skin.CHECKED,-1);
+
+        if(helper.getPosition() == checked){
+        helper.getView(R.id.iv_check).setVisibility(View.VISIBLE);
+        }
+
+        ImageView iv_skin = helper.getView(R.id.iv_skin);
+        GlideUtil.setImageWithNoCache(mContext,item.getPreview_img(),iv_skin);
 
 
     }

app/src/main/java/com/kuxuan/moneynote/ui/fragments/details/DetialFragment.java

@@ -13,16 +13,20 @@ import android.view.View;
 import android.widget.ImageView;
 import android.widget.LinearLayout;
 import android.widget.PopupWindow;
+import android.widget.ProgressBar;
 import android.widget.RelativeLayout;
 import android.widget.TextView;
 
 import com.bumptech.glide.Glide;
+import com.chad.library.adapter.base.BaseQuickAdapter;
 import com.classic.common.MultipleStatusView;
 import com.kuxuan.moneynote.R;
 import com.kuxuan.moneynote.base.BaseFragmentActivity;
 import com.kuxuan.moneynote.base.mvpbase.MVPFragment;
+import com.kuxuan.moneynote.common.Constant;
 import com.kuxuan.moneynote.json.TimeJson;
 import com.kuxuan.moneynote.json.TypeDataJson;
+import com.kuxuan.moneynote.json.netbody.RES;
 import com.kuxuan.moneynote.json.netbody.SkinBean;
 import com.kuxuan.moneynote.ui.activitys.edit.EditBillActivity;
 import com.kuxuan.moneynote.ui.activitys.eventbus.LoginEvent;
@@ -31,10 +35,12 @@ import com.kuxuan.moneynote.ui.activitys.eventbus.NetworkEvent;
 import com.kuxuan.moneynote.ui.activitys.eventbus.RefreshEvent;
 import com.kuxuan.moneynote.ui.activitys.login.LoginActivity;
 import com.kuxuan.moneynote.ui.activitys.login.PhoneLoginActivity;
+import com.kuxuan.moneynote.ui.adapter.SkinAdapter;
 import com.kuxuan.moneynote.ui.weight.ScoreDialog;
 import com.kuxuan.moneynote.utils.DisplayUtil;
 import com.kuxuan.moneynote.utils.JavaFormatUtils;
 import com.kuxuan.moneynote.utils.NetWorkUtil;
+import com.kuxuan.moneynote.utils.SPUtil;
 import com.kuxuan.moneynote.utils.TextSetUtil;
 import com.kuxuan.moneynote.utils.TimeUtlis;
 import com.kuxuan.moneynote.utils.UIHelper;
@@ -44,6 +50,9 @@ import org.greenrobot.eventbus.EventBus;
 import org.greenrobot.eventbus.Subscribe;
 import org.greenrobot.eventbus.ThreadMode;
 
+import java.util.ArrayList;
+import java.util.List;
+
 import butterknife.Bind;
 import butterknife.OnClick;
 
@@ -97,6 +106,7 @@ public class DetialFragment extends MVPFragment<DetialPresent, DetialModel> impl
         mPresenter.initRefreshLayout(getActivity(), refreshLayout);
         mPresenter.initListener(fragmentDetialYear);
         mPresenter.initListener(fragmentDetialMonth);
+        mPresenter.InitPopWindow();
         initMiluView();
         checkNet();
         nologin_layout.setOnClickListener(new View.OnClickListener() {
@@ -288,10 +298,14 @@ public class DetialFragment extends MVPFragment<DetialPresent, DetialModel> impl
         startActivity(intent);
     }
 
+
+    SkinBean skinBean;
+
     @Override
     public void showSkinData(SkinBean skinBean) {
 
 
+        this.skinBean = skinBean;
 
     }
 
@@ -313,7 +327,7 @@ public class DetialFragment extends MVPFragment<DetialPresent, DetialModel> impl
         checkNet();
     }
 
-
+    BaseQuickAdapter adapter;
 
 
     @OnClick(R.id.iv_skinicon)
@@ -322,6 +336,7 @@ public class DetialFragment extends MVPFragment<DetialPresent, DetialModel> impl
         showPopWindow();
 
     }
+    ProgressBar progressBar;
     PopupWindow popupWindow;
     private void showPopWindow() {
 
@@ -342,14 +357,52 @@ public class DetialFragment extends MVPFragment<DetialPresent, DetialModel> impl
          // 第三和第四个参数分别是PopupWindow相对父View的x、y偏移
         popupWindow.showAtLocation(relativeLayout, Gravity.BOTTOM,0,0);
 
-
-        RecyclerView recyclerView = contentView.findViewById(R.id.recyclerview);
-
+        final RecyclerView recyclerView = contentView.findViewById(R.id.recyclerview);
         LinearLayoutManager linearLayoutManager = new LinearLayoutManager(getContext());
         linearLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
         recyclerView.setLayoutManager(linearLayoutManager);
-//        recyclerView.setAdapter(new SkinAdapter());
+        adapter = new SkinAdapter(R.layout.skinadapter_item);
+        recyclerView.setAdapter(adapter);
 
+        adapter.setOnItemClickListener(new BaseQuickAdapter.OnItemClickListener() {
+            @Override
+            public void onItemClick(BaseQuickAdapter adapter, View view, int position) {
+
+                ImageView iv_check = view.findViewById(R.id.iv_check);
+                if(iv_check.getVisibility()==View.VISIBLE){
+                    return;
+                }
+
+                View background = view.findViewById(R.id.view);
+
+                if(background.getVisibility()==View.VISIBLE){
+
+                    progressBar  = view.findViewById(R.id.progressbar);
+                    if(progressBar.getVisibility()==View.GONE){
+                        progressBar.setVisibility(View.VISIBLE);
+                    }
+                    progressBar.setMax(1000);
+                    for (int i=0;i<1000;i++){
+                        progressBar.setProgress(i);
+                    }
+//                    progressBar.setVisibility(View.GONE);
+                    background.setVisibility(View.GONE);
+                }else {
+                    SPUtil.putAndApply(getContext(), Constant.Skin.CHECKED,position);
+                    adapter.notifyDataSetChanged();
+                    SkinBean  mskinBean = new SkinBean();
+                    mskinBean.setCode(position);
+                    EventBus.getDefault().post(mskinBean);
+                }
+
+
+
+
+            }
+        });
+
+
+        setSkinData();
 
        ImageView ivpop_close = contentView.findViewById(R.id.ivpop_close);
 
@@ -359,8 +412,22 @@ public class DetialFragment extends MVPFragment<DetialPresent, DetialModel> impl
                popupWindow.dismiss();
            }
        });
-       mPresenter.InitPopWindow();
 
+
+    }
+    List<RES> resList;
+    private void setSkinData() {
+
+        resList = new ArrayList<>();
+        resList.add(new RES());
+        resList.add(new RES());
+        resList.add(new RES());
+        resList.add(new RES());
+        resList.add(new RES());
+        resList.add(new RES());
+        adapter.setNewData(resList);
+
+//        adapter.setNewData(skinBean.getRes());
     }
 
 

app/src/main/java/com/kuxuan/moneynote/ui/weight/NavigationLayout.java

@@ -12,7 +12,9 @@ import android.widget.ImageView;
 import android.widget.TextView;
 
 import com.kuxuan.moneynote.R;
+import com.kuxuan.moneynote.common.Constant;
 import com.kuxuan.moneynote.ui.activitys.home.DataGenerator;
+import com.kuxuan.moneynote.utils.SPUtil;
 
 import de.hdodenhof.circleimageview.CircleImageView;
 
@@ -52,12 +54,14 @@ public class NavigationLayout extends FrameLayout implements View.OnClickListene
         initView(context);
     }
 
-
+    CircleImageView CI_enter;
     private void initView(Context context) {
         mContext = context;
         View view = LayoutInflater.from(context).inflate(R.layout.layout_navigation, this);
         String[] stringArray = context.getResources().getStringArray(R.array.navigation_title);
 
+        CI_enter = view.findViewById(R.id.CI_enter);
+
         mingxi_frame = view.findViewById(R.id.layout_mingxi);
         img[0] = view.findViewById(R.id.tab_mingxi_img);
         mingxi_text = view.findViewById(R.id.tab_mingxi_text);
@@ -154,30 +158,89 @@ public class NavigationLayout extends FrameLayout implements View.OnClickListene
             case 0:
                 img[0].setSelected(true);
                 mingxi_text.setSelected(true);
-                CI_imgarr[0].setImageResource(R.color.hometab_skin);
                 break;
             case 1:
                 baobiao_text.setSelected(true);
                 img[1].setSelected(true);
-                CI_imgarr[1].setImageResource(R.color.hometab_skin);
+                CI_imgarr[1].setImageResource(R.color.hometab_skin_2);
                 break;
             case 2:
                 faxian_text.setSelected(true);
                 img[2].setSelected(true);
-                CI_imgarr[2].setImageResource(R.color.hometab_skin);
+                CI_imgarr[2].setImageResource(R.color.hometab_skin_2);
                 break;
             case 3:
                 user_text.setSelected(true);
                 img[3].setSelected(true);
-                CI_imgarr[3].setImageResource(R.color.hometab_skin);
+                CI_imgarr[3].setImageResource(R.color.hometab_skin_2);
                 break;
         }
+        setColor(position);
         if(listener!=null) {
             listener.onClick(position);
         }
     }
 
 
+    private void setColor(int position) {
+
+        int checked = (int) SPUtil.get(mContext, Constant.Skin.CHECKED,2);
+
+        switch (checked) {
+            case 0:
+                CI_imgarr[position].setImageResource(R.color.hometab_skin_1);
+                break;
+            case 1:
+                CI_imgarr[position].setImageResource(R.color.hometab_skin_2);
+                break;
+            case 2:
+                CI_imgarr[position].setImageResource(R.color.hometab_skin_3);
+                break;
+            case 3:
+                CI_imgarr[position].setImageResource(R.color.hometab_skin_4);
+                break;
+            case 4:
+                CI_imgarr[position].setImageResource(R.color.hometab_skin_5);
+                break;
+            case 5:
+                CI_imgarr[position].setImageResource(R.color.hometab_skin_6);
+                break;
+        }
+
+    }
+
+
+    public void setCenter_CIColor(int Position){
+
+
+        switch (Position) {
+            case 0:
+                CI_enter.setImageResource(R.color.hometab_skin_1);
+                break;
+            case 1:
+                CI_enter.setImageResource(R.color.hometab_skin_2);
+                break;
+            case 2:
+                CI_enter.setImageResource(R.color.hometab_skin_3);
+                break;
+            case 3:
+                CI_enter.setImageResource(R.color.hometab_skin_4);
+                break;
+            case 4:
+                CI_enter.setImageResource(R.color.hometab_skin_5);
+                break;
+            case 5:
+                CI_enter.setImageResource(R.color.hometab_skin_6);
+                break;
+        }
+
+    }
+
+
+    public void refresh(int position){
+        setColor(position);
+    }
+
     public void setPosition(int position){
         initialization(position);
 //        selectPosition(position);

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

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:id="@android:id/background">
+
+        <shape >
+
+            <stroke android:color="#0d0f11" android:width="1dp"/>
+            <gradient
+                android:angle="270"
+                android:centerY="0.75"
+                android:endColor="#F5F5F5"
+                android:startColor="#BEBEBE" />
+        </shape>
+    </item>
+
+    <item android:id="@android:id/secondaryProgress">
+        <clip >
+            <shape >
+                <corners android:radius="0dip" />
+
+                <gradient
+                    android:angle="270"
+                    android:centerY="0.75"
+                    android:endColor="#165CBC"
+                    android:startColor="#85B0E9" />
+            </shape>
+        </clip>
+    </item>
+
+    <item android:id="@android:id/progress">
+
+        <clip >
+            <shape >
+                <gradient
+                    android:angle="270"
+                    android:centerY="0.75"
+                    android:endColor="#FE7F00"
+                    android:startColor="#FE7F00" />
+            </shape>
+        </clip>
+    </item>
+
+
+</layer-list>

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

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+
+
+    <corners
+        android:radius="10dp"
+        />
+
+    <size
+        android:width="80px"
+        android:height="50px"/>
+
+
+</shape>

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

@@ -20,6 +20,7 @@
         <com.zhy.autolayout.AutoRelativeLayout
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
+            android:layout_marginTop="23px"
             >
 
             <ImageView

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

@@ -40,12 +40,11 @@
     <android.support.v7.widget.RecyclerView
         android:id="@+id/recyclerview"
         android:layout_width="match_parent"
-        android:layout_height="50px"
-        android:layout_alignTop="@+id/iv_add"
+        android:layout_height="55px"
         android:layout_toRightOf="@+id/iv_add"
+        android:layout_alignBottom="@+id/iv_add"
         android:layout_marginLeft="10px"
         />
 
 
-
 </com.zhy.autolayout.AutoRelativeLayout>

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

@@ -1,11 +1,12 @@
 <?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<com.zhy.autolayout.AutoRelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/header"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
+    android:paddingTop="23px"
     android:background="@color/bg_title_gray">
 
-    <RelativeLayout
+    <com.zhy.autolayout.AutoRelativeLayout
         android:id="@+id/header_title_layout"
         android:layout_width="match_parent"
         android:layout_height="50dp"
@@ -85,7 +86,7 @@
             android:paddingLeft="@dimen/head_text_paddinghorizontal"
            >
         </TextView>
-    </RelativeLayout>
+    </com.zhy.autolayout.AutoRelativeLayout>
 
 
     <RelativeLayout
@@ -186,4 +187,4 @@
     <!--android:textSize="14px"-->
     <!--android:visibility="visible" />-->
     <!--</RelativeLayout>-->
-</RelativeLayout>
+</com.zhy.autolayout.AutoRelativeLayout>

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

@@ -1,11 +1,12 @@
 <?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<com.zhy.autolayout.AutoRelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/header"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
+    android:paddingTop="23px"
     android:background="@color/bg_title_gray">
 
-    <RelativeLayout
+    <com.zhy.autolayout.AutoRelativeLayout
         android:id="@+id/header_edit_layout"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
@@ -46,7 +47,7 @@
 
 
 
-    </RelativeLayout>
+    </com.zhy.autolayout.AutoRelativeLayout>
 
     <!--<RelativeLayout-->
     <!--android:id="@+id/header_search_layout"-->
@@ -101,4 +102,4 @@
     <!--android:textSize="14px"-->
     <!--android:visibility="visible" />-->
     <!--</RelativeLayout>-->
-</RelativeLayout>
+</com.zhy.autolayout.AutoRelativeLayout>

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

@@ -1,11 +1,12 @@
 <?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<com.zhy.autolayout.AutoRelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/header"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
+    android:paddingTop="23px"
     android:background="@color/bg_title_gray">
 
-    <RelativeLayout
+    <com.zhy.autolayout.AutoRelativeLayout
         android:id="@+id/header_title_layout"
         android:layout_width="match_parent"
         android:layout_height="50dp"
@@ -27,6 +28,6 @@
             android:text="@string/app_name"
             android:textColor="@android:color/black"
             android:textSize="@dimen/text_big_size" />
-    </RelativeLayout>
+    </com.zhy.autolayout.AutoRelativeLayout>
 
-</RelativeLayout>
+</com.zhy.autolayout.AutoRelativeLayout>

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

@@ -148,7 +148,6 @@
                 android:layout_marginRight="2dp"
                 />
 
-
             <ImageView
                 android:id="@+id/tab_user_img"
                 android:layout_width="wrap_content"
@@ -177,28 +176,34 @@
         >
 
         <RelativeLayout
-            android:layout_marginBottom="20dp"
+            android:layout_marginBottom="5dp"
             android:id="@+id/center_click"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_gravity="center_horizontal">
 
+
+            <de.hdodenhof.circleimageview.CircleImageView
+                android:id="@+id/CI_enter"
+                android:layout_width="35dp"
+                android:layout_height="35dp"
+                android:layout_centerInParent="true"
+                android:layout_marginTop="4dp"
+                android:src="@color/hometab_skin_2"
+                />
+
             <ImageView
                 android:id="@+id/center_img"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:layout_centerInParent="true"
-                android:src="@drawable/bottom_add_normal"/>
+                android:src="@drawable/remember_one"
+                />
+
+
 
         </RelativeLayout>
 
-        <TextView
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_gravity="bottom|center"
-            android:layout_marginBottom="2dp"
-            android:text="@string/addbill"
-            android:textSize="10dp"/>
     </FrameLayout>
 
 </FrameLayout>

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

@@ -1,18 +1,51 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<com.zhy.autolayout.AutoRelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
               android:orientation="vertical"
-              android:layout_width="match_parent"
-              android:layout_height="match_parent">
+              android:layout_width="wrap_content"
+              android:layout_height="wrap_content">
 
 
     <ImageView
-        android:layout_width="match_parent"
-        android:layout_height="match_parent"
+        android:id="@+id/iv_skin"
+        android:layout_width="80px"
+        android:layout_height="50px"
+        android:layout_marginLeft="10px"
+        android:layout_marginRight="10px"
+        android:layout_marginTop="5px"
+        android:src="@drawable/skin_icon"
+        />
+
+    <View
+        android:id="@+id/view"
+        android:layout_width="80px"
+        android:layout_height="50px"
+        android:layout_marginLeft="10px"
+        android:layout_marginRight="10px"
+        android:layout_marginTop="5px"
+        android:background="#66000000"
+        />
 
 
+    <ProgressBar
+        android:id="@+id/progressbar"
+        android:layout_width="80px"
+        android:layout_height="3px"
+        android:progress="0"
+        style="@style/progressbar_my"
+        android:layout_centerInParent="true"
+        android:visibility="gone"
         />
 
 
 
+    <ImageView
+        android:id="@+id/iv_check"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:src="@drawable/check_skin"
+        android:layout_marginLeft="82px"
+        android:visibility="invisible"
+        />
+
 
-</LinearLayout>
+</com.zhy.autolayout.AutoRelativeLayout>

app/src/main/res/values-v19/styles.xml

@@ -13,5 +13,11 @@
         <item name="windowNoTitle">true</item>
     </style>
 
-
+    <style name="progressbar_my" parent="@android:style/Widget.ProgressBar.Horizontal">
+        <item name="android:maxHeight" >50px</item>
+        <item name="android:minHeight">8px</item>
+        <item name="android:indeterminateOnly">false</item>
+        <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
+        <item name="android:progressDrawable">@drawable/progressbar_my</item>
+    </style>
 </resources>

app/src/main/res/values-v21/styles.xml

@@ -14,4 +14,11 @@
         <item name="android:statusBarColor">@color/bg_title_gray</item>
     </style>
 
+    <style name="progressbar_my" parent="@android:style/Widget.ProgressBar.Horizontal">
+        <item name="android:maxHeight" >50px</item>
+        <item name="android:minHeight">8px</item>
+        <item name="android:indeterminateOnly">false</item>
+        <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
+        <item name="android:progressDrawable">@drawable/progressbar_my</item>
+    </style>
 </resources>

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

@@ -39,7 +39,11 @@
 
     <color name="textcolor">#222</color>
 
-    <color name="hometab_skin">#FFE500</color>
-
+    <color name="hometab_skin_1">#F74759</color>
+    <color name="hometab_skin_2">#ffc600</color>
+    <color name="hometab_skin_3">#2EB370</color>
+    <color name="hometab_skin_4">#F67BBE</color>
+    <color name="hometab_skin_5">#41C3D4</color>
+    <color name="hometab_skin_6">#FBAA03</color>
 
 </resources>

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

@@ -92,4 +92,15 @@
         <item name="android:windowBackground">@android:color/transparent</item>
     </style>
 
+    <style name="progressbar_my" parent="@android:style/Widget.ProgressBar.Horizontal">
+        <item name="android:maxHeight" >50px</item>
+        <item name="android:minHeight">8px</item>
+        <item name="android:indeterminateOnly">false</item>
+        <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
+        <item name="android:progressDrawable">@drawable/progressbar_my</item>
+    </style>
+
+
+
+
 </resources>