app/build.gradle

@@ -92,6 +92,12 @@ android {
         }
 
 
+        atext{
+            manifestPlaceholders = [UMENG_CHANNEL_VALUE: "2000"]
+            buildConfigField 'String', 'CHANNLE', '"2000"'
+        }
+
+
     }
 }
 

app/src/main/java/com/kuxuan/moneynote/api/ApiService.java

@@ -15,7 +15,6 @@ import com.kuxuan.moneynote.json.NewChartData;
 import com.kuxuan.moneynote.json.UploadBeanJson;
 import com.kuxuan.moneynote.json.UserAllBillJson;
 import com.kuxuan.moneynote.json.UserJson;
-import com.kuxuan.moneynote.json.netbody.AllCategoryBody;
 import com.kuxuan.moneynote.json.netbody.BillBody;
 import com.kuxuan.moneynote.json.netbody.CategoryBody;
 import com.kuxuan.moneynote.json.netbody.ChartBody;
@@ -28,6 +27,7 @@ import com.kuxuan.moneynote.json.netbody.MessageBody;
 import com.kuxuan.moneynote.json.netbody.NewChartBody;
 import com.kuxuan.moneynote.json.netbody.PersonBody;
 import com.kuxuan.moneynote.json.netbody.RegisterBody;
+import com.kuxuan.moneynote.json.netbody.SkinBean;
 import com.kuxuan.moneynote.json.netbody.UpDataBody;
 import com.kuxuan.moneynote.json.netbody.UserAllBillBody;
 import com.kuxuan.moneynote.json.netbody.WeChatJson;
@@ -198,12 +198,19 @@ public interface ApiService {
     /**
      * 获取全部类别
      *
-     * @param allCategoryBody 所有类别实体类
+     * @param type 所有类别实体类
      * @return object
      */
     @GET("allcategorys")
     Observable<BaseJson<CategoryJson>> getCategoryData(@Query("type") String type);
 
+
+
+    @POST("getSkin")
+    Observable<SkinBean> getSkinData();
+
+
+
     /**
      * 移除记账类别
      *

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

@@ -8,6 +8,8 @@ import android.os.Build;
 import android.os.Bundle;
 import android.view.LayoutInflater;
 import android.view.View;
+import android.view.Window;
+import android.view.WindowManager;
 
 import com.kuxuan.moneynote.R;
 import com.kuxuan.moneynote.utils.StatusBarUtil;
@@ -44,6 +46,12 @@ public abstract class BaseFragmentActivity extends MyAutoActivity {
             StatusBarUtil_One.translucentStatusBar(this);
             StatusBarUtil.StatusBarLightMode(this);
         }
+
+//        initWidows();
+
+
+
+
 //        AppManager.getAppManager().addActivity(this);
      //   mInstance = this;
 //        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
@@ -102,6 +110,24 @@ public abstract class BaseFragmentActivity extends MyAutoActivity {
         }
     }
 
+    /**
+     * 初始化窗口
+     */
+    protected void initWidows() {
+        if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
+            Window window = getWindow();
+            window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
+                    | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
+            window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
+                    | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
+                    | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
+            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
+            window.setStatusBarColor(Color.TRANSPARENT);
+            window.setNavigationBarColor(Color.TRANSPARENT);
+        }
+        StatusBarUtil.StatusBarLightMode(this);
+    }
+
     public int getStatusBarHeight(Context context) {
         int result = 0;
         int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen",

app/src/main/java/com/kuxuan/moneynote/json/netbody/RES.java

@@ -0,0 +1,51 @@
+package com.kuxuan.moneynote.json.netbody;
+
+/**
+ * Created by Allence on 2018/4/25 0025.
+ */
+
+public class RES {
+
+    //        {
+    //               "banner": "http://adminsuishouji.oss-cn-beijing.aliyuncs.com/Uploads/20171228/1514446901392766.png",
+    //                "color": "0x578FFA ",
+    //                "mine_banner": "http://adminsuishouji.oss-cn-beijing.aliyuncs.com/Uploads/20171227/1514346854943974.png",
+    //                "preview_img": "http://adminsuishouji.oss-cn-beijing.aliyuncs.com/Uploads/20171228/1514448652986807.png"
+    //        }
+    String banner;
+    String color;
+    String mine_banner;
+    String preview_img;
+
+    public String getBanner() {
+        return banner;
+    }
+
+    public void setBanner(String banner) {
+        this.banner = banner;
+    }
+
+    public String getColor() {
+        return color;
+    }
+
+    public void setColor(String color) {
+        this.color = color;
+    }
+
+    public String getMine_banner() {
+        return mine_banner;
+    }
+
+    public void setMine_banner(String mine_banner) {
+        this.mine_banner = mine_banner;
+    }
+
+    public String getPreview_img() {
+        return preview_img;
+    }
+
+    public void setPreview_img(String preview_img) {
+        this.preview_img = preview_img;
+    }
+}

app/src/main/java/com/kuxuan/moneynote/json/netbody/SkinBean.java

@@ -0,0 +1,54 @@
+package com.kuxuan.moneynote.json.netbody;
+
+import java.util.List;
+
+/**
+ * Created by Allence on 2018/4/25 0025.
+ */
+
+public class SkinBean {
+
+//    {
+//        "res": [
+//        {
+//               "banner": "http://adminsuishouji.oss-cn-beijing.aliyuncs.com/Uploads/20171228/1514446901392766.png",
+//                "color": "0x578FFA ",
+//                "mine_banner": "http://adminsuishouji.oss-cn-beijing.aliyuncs.com/Uploads/20171227/1514346854943974.png",
+//                "preview_img": "http://adminsuishouji.oss-cn-beijing.aliyuncs.com/Uploads/20171228/1514448652986807.png"
+//        }
+//    ],
+//        "message": [
+//        "成功"
+//    ],
+//        "code": 0
+//    }
+
+    List<String> message;
+    int code;
+    List<RES> res;
+
+
+    public List<String> getMessage() {
+        return message;
+    }
+
+    public void setMessage(List<String> message) {
+        this.message = message;
+    }
+
+    public int getCode() {
+        return code;
+    }
+
+    public void setCode(int code) {
+        this.code = code;
+    }
+
+    public List<RES> getRes() {
+        return res;
+    }
+
+    public void setRes(List<RES> res) {
+        this.res = res;
+    }
+}

app/src/main/java/com/kuxuan/moneynote/ui/activitys/category/CategoryModel.java

@@ -121,7 +121,7 @@ public class CategoryModel implements CategoryContract.CategoryModel {
     }
 
     @Override
-    public void checkBillCategory(final MVPListener<Object> listMVPListener, final int type) {
+    public void checkBillCategory(final MVPListener<Boolean> listMVPListener, final int type) {
 //        RetrofitClient.getApiService().checkBillByCategoryId(category_id).subscribeOn(Schedulers.io())
 //                .observeOn(AndroidSchedulers.mainThread())
 //                .subscribe(new MyObsever<BaseJson<Object>>() {

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

@@ -0,0 +1,36 @@
+package com.kuxuan.moneynote.ui.adapter;
+
+import android.support.annotation.Nullable;
+
+import com.chad.library.adapter.base.BaseQuickAdapter;
+import com.chad.library.adapter.base.BaseViewHolder;
+import com.kuxuan.moneynote.json.netbody.RES;
+
+import java.util.List;
+
+/**
+ * Created by Allence on 2018/4/25 0025.
+ */
+
+public class SkinAdapter extends BaseQuickAdapter<RES,BaseViewHolder> {
+
+    public SkinAdapter(int layoutResId, @Nullable List<RES> data) {
+        super(layoutResId, data);
+    }
+
+    public SkinAdapter(@Nullable List<RES> data) {
+        super(data);
+    }
+
+    public SkinAdapter(int layoutResId) {
+        super(layoutResId);
+    }
+
+    @Override
+    protected void convert(BaseViewHolder helper, RES item) {
+
+
+
+
+    }
+}

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

@@ -9,6 +9,7 @@ import com.kuxuan.moneynote.base.mvpbase.BasePresent;
 import com.kuxuan.moneynote.base.mvpbase.BaseView;
 import com.kuxuan.moneynote.json.TypeDataJson;
 import com.kuxuan.moneynote.json.UserAllBillJson;
+import com.kuxuan.moneynote.json.netbody.SkinBean;
 import com.kuxuan.moneynote.listener.MVPListener;
 import com.lcodecore.tkrefreshlayout.TwinklingRefreshLayout;
 
@@ -57,6 +58,9 @@ public interface DetialContract {
 
 
         void goToEdit(TypeDataJson dayDataEntity);
+
+        void showSkinData(SkinBean skinBean);
+
     }
 
 
@@ -65,6 +69,8 @@ public interface DetialContract {
         void getDataLists(String year, String month, MVPListener<UserAllBillJson> listMVPListener);
 
 
+        void getPopWindowData(MVPListener<SkinBean> listMvpListener);
+
         void getDataListsForDB(String year, String month, HashMap<String,Integer> maps,MVPListener<UserAllBillJson> listMVPListener);
 
     }
@@ -84,6 +90,9 @@ public interface DetialContract {
 
         abstract void  loginCheck();
 
+
+        abstract void InitPopWindow();
+
     }
 
 }

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

@@ -1,12 +1,19 @@
 package com.kuxuan.moneynote.ui.fragments.details;
 
 import android.content.Intent;
+import android.graphics.Color;
+import android.graphics.drawable.ColorDrawable;
 import android.os.Bundle;
 import android.provider.Settings;
+import android.support.v7.widget.LinearLayoutManager;
 import android.support.v7.widget.RecyclerView;
+import android.view.Gravity;
+import android.view.LayoutInflater;
 import android.view.View;
 import android.widget.ImageView;
 import android.widget.LinearLayout;
+import android.widget.PopupWindow;
+import android.widget.RelativeLayout;
 import android.widget.TextView;
 
 import com.bumptech.glide.Glide;
@@ -16,6 +23,7 @@ import com.kuxuan.moneynote.base.BaseFragmentActivity;
 import com.kuxuan.moneynote.base.mvpbase.MVPFragment;
 import com.kuxuan.moneynote.json.TimeJson;
 import com.kuxuan.moneynote.json.TypeDataJson;
+import com.kuxuan.moneynote.json.netbody.SkinBean;
 import com.kuxuan.moneynote.ui.activitys.edit.EditBillActivity;
 import com.kuxuan.moneynote.ui.activitys.eventbus.LoginEvent;
 import com.kuxuan.moneynote.ui.activitys.eventbus.LoginOutEvent;
@@ -24,6 +32,7 @@ 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.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.TextSetUtil;
@@ -36,6 +45,7 @@ import org.greenrobot.eventbus.Subscribe;
 import org.greenrobot.eventbus.ThreadMode;
 
 import butterknife.Bind;
+import butterknife.OnClick;
 
 /**
  * 首页-明细
@@ -62,6 +72,9 @@ public class DetialFragment extends MVPFragment<DetialPresent, DetialModel> impl
     @Bind(R.id.empty_view)
     LinearLayout noData_layout;
 
+    @Bind(R.id.relativelayout)
+    RelativeLayout relativeLayout;
+
     //无网络和无登录时候的布局
     @Bind(R.id.layout_nologinornet_layout)
     LinearLayout nologin_layout;
@@ -74,8 +87,10 @@ public class DetialFragment extends MVPFragment<DetialPresent, DetialModel> impl
     @Override
     public void initView() {
         EventBus.getDefault().register(this);
-        getTitleView(0).setTitle(getString(R.string.app_name));
+//        getTitleView(0).setTitle(getString(R.string.app_name));
 //        getTitleView(0).setTitle("钱多随手记账");
+
+
         activity = (BaseFragmentActivity) getActivity();
         initTime();
         mPresenter.initRecyclerView(getActivity(), mRecyclerView);
@@ -264,8 +279,6 @@ public class DetialFragment extends MVPFragment<DetialPresent, DetialModel> impl
         TextSetUtil.setTextForMonth(currentTime.getMonth() + "", fragmentDetialMonth);
         TextSetUtil.setTextForMoey("0.00", fragmentDetialMoneyin);
         TextSetUtil.setTextForMoey("0.00", fragmentDetialMoneyout);
-
-
     }
 
     @Override
@@ -275,12 +288,18 @@ public class DetialFragment extends MVPFragment<DetialPresent, DetialModel> impl
         startActivity(intent);
     }
 
+    @Override
+    public void showSkinData(SkinBean skinBean) {
+
+
+
+    }
+
 
     @Subscribe(threadMode = ThreadMode.MAIN)
     public void onMessageEvent(RefreshEvent event) {
         mPresenter.getDataLists(mPresenter.getCurrentYear() + "", mPresenter.getCurrentMonth() + "");
 //      mPresenter.loginCheck();
-
     }
 
     /**
@@ -295,6 +314,56 @@ public class DetialFragment extends MVPFragment<DetialPresent, DetialModel> impl
     }
 
 
+
+
+    @OnClick(R.id.iv_skinicon)
+    public void click(){
+
+        showPopWindow();
+
+    }
+    PopupWindow popupWindow;
+    private void showPopWindow() {
+
+
+        View contentView= LayoutInflater.from(getContext()).inflate(R.layout.homeskin_popwindow, null, false);
+
+        popupWindow = new PopupWindow(contentView, LinearLayout.LayoutParams.MATCH_PARENT, DisplayUtil.dip2px(138),true);
+        popupWindow.setBackgroundDrawable(new ColorDrawable(Color.WHITE));
+        // 设置PopupWindow是否能响应外部点击事件
+        popupWindow.setOutsideTouchable(true);
+         // 设置PopupWindow是否能响应点击事件
+        popupWindow.setTouchable(true);
+         // 显示PopupWindow，其中：
+         // 第一个参数是PopupWindow的锚点，第二和第三个参数分别是PopupWindow相对锚点的x、y偏移
+//        popupWindow.showAsDropDown(anchor, xoff, yoff);
+         // 或者也可以调用此方法显示PopupWindow，其中：
+         // 第一个参数是PopupWindow的父View，第二个参数是PopupWindow相对父View的位置，
+         // 第三和第四个参数分别是PopupWindow相对父View的x、y偏移
+        popupWindow.showAtLocation(relativeLayout, Gravity.BOTTOM,0,0);
+
+
+        RecyclerView recyclerView = contentView.findViewById(R.id.recyclerview);
+
+        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(getContext());
+        linearLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
+        recyclerView.setLayoutManager(linearLayoutManager);
+//        recyclerView.setAdapter(new SkinAdapter());
+
+
+       ImageView ivpop_close = contentView.findViewById(R.id.ivpop_close);
+
+       ivpop_close.setOnClickListener(new View.OnClickListener() {
+           @Override
+           public void onClick(View v) {
+               popupWindow.dismiss();
+           }
+       });
+       mPresenter.InitPopWindow();
+
+    }
+
+
     /**
      * 登出刷新数据
      */

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

@@ -6,6 +6,7 @@ import com.kuxuan.moneynote.api.RetrofitClient;
 import com.kuxuan.moneynote.common.Constant;
 import com.kuxuan.moneynote.json.BaseJson;
 import com.kuxuan.moneynote.json.UserAllBillJson;
+import com.kuxuan.moneynote.json.netbody.SkinBean;
 import com.kuxuan.moneynote.json.netbody.UserAllBillBody;
 import com.kuxuan.moneynote.listener.MVPListener;
 
@@ -45,6 +46,36 @@ public class DetialModel implements DetialContract.DetialModel {
     }
 
     @Override
+    public void getPopWindowData(final MVPListener<SkinBean> listMvpListener) {
+
+        RetrofitClient.getApiService().getSkinData().subscribeOn(Schedulers.io()).observeOn(AndroidSchedulers.mainThread()).subscribe(new MyObsever<SkinBean>() {
+            @Override
+            public void onError(ExceptionHandle.ResponeThrowable e) {
+
+
+
+            }
+
+            @Override
+            public void onSuccess(SkinBean skinBean) {
+
+                int code = skinBean.getCode();
+
+                if(code == 0){
+                    listMvpListener.onSuccess(skinBean);
+                }else {
+                    listMvpListener.onFail(skinBean.getMessage().get(0));
+                }
+
+
+
+            }
+        });
+
+
+    }
+
+    @Override
     public void getDataListsForDB(final String year, final String month, final HashMap<String, Integer> maps, final MVPListener<UserAllBillJson> listMVPListener) {
         io.reactivex.Observable.create(new ObservableOnSubscribe<UserAllBillJson>() {
             @Override

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

@@ -15,6 +15,7 @@ import com.kuxuan.moneynote.json.TimeJson;
 import com.kuxuan.moneynote.json.TypeDataJson;
 import com.kuxuan.moneynote.json.UserAllBillJson;
 import com.kuxuan.moneynote.json.YearData;
+import com.kuxuan.moneynote.json.netbody.SkinBean;
 import com.kuxuan.moneynote.listener.MVPListener;
 import com.kuxuan.moneynote.ui.adapter.DetialAdapter;
 import com.kuxuan.moneynote.ui.weight.KuxuanLoadMoreView;
@@ -328,6 +329,28 @@ public class DetialPresent extends DetialContract.DetialPresent implements View.
         view.getDataFirst();
     }
 
+    @Override
+    void InitPopWindow() {
+
+        mModel.getPopWindowData(new MVPListener<SkinBean>() {
+            @Override
+            public void onSuccess(SkinBean content) {
+
+                view.showSkinData(content);
+
+            }
+
+            @Override
+            public void onFail(String msg) {
+
+
+
+            }
+        });
+
+
+    }
+
 
     @Override
     public void onClick(View view) {

app/src/main/java/com/kuxuan/moneynote/ui/fragments/mine/MineFragment.java

@@ -431,6 +431,7 @@ public class MineFragment extends MVPFragment<MinePresent, MineModel> implements
             }
 //刷新账单
             setBillData();
+
         }
     }
 

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

@@ -14,6 +14,8 @@ import android.widget.TextView;
 import com.kuxuan.moneynote.R;
 import com.kuxuan.moneynote.ui.activitys.home.DataGenerator;
 
+import de.hdodenhof.circleimageview.CircleImageView;
+
 /**
  * Created by xieshengqi on 2017/10/18.
  */
@@ -25,7 +27,10 @@ public class NavigationLayout extends FrameLayout implements View.OnClickListene
     private ImageView mingxi_img, baobiao_img, faxian_img, user_img;
     private TextView mingxi_text, baobiao_text, faxian_text, user_text;
 
+    private CircleImageView CI_detail,CI_chart,CI_find,CI_me;
+
     private ImageView[] img = {mingxi_img,baobiao_img,faxian_img,user_img};
+    private CircleImageView[] CI_imgarr = {CI_detail,CI_chart,CI_find,CI_me};
     private TextView[] text = {mingxi_text,baobiao_text,faxian_text,user_text};
     private int currentPosition = 0;
 
@@ -56,18 +61,24 @@ public class NavigationLayout extends FrameLayout implements View.OnClickListene
         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);
+        CI_imgarr[0] = view.findViewById(R.id.CI_detail);
+
+
 
         baobiao_frame = view.findViewById(R.id.layout_baobiao);
         img[1] = view.findViewById(R.id.tab_baobiao_img);
         baobiao_text = view.findViewById(R.id.tab_baobiao_text);
+        CI_imgarr[1] = view.findViewById(R.id.CI_chart);
 
         faxian_frame = view.findViewById(R.id.layout_faxian);
         img[2] = view.findViewById(R.id.tab_faxian_img);
         faxian_text = view.findViewById(R.id.tab_faxian_text);
+        CI_imgarr[2] = view.findViewById(R.id.CI_find);
 
         user_frame = view.findViewById(R.id.layout_user);
         img[3] = view.findViewById(R.id.tab_user_img);
         user_text = view.findViewById(R.id.tab_user_text);
+        CI_imgarr[3] = view.findViewById(R.id.CI_me);
 
         center_frame = view.findViewById(R.id.layout_center);
 
@@ -92,7 +103,6 @@ public class NavigationLayout extends FrameLayout implements View.OnClickListene
                 break;
             case R.id.layout_baobiao:
                 initialization(1);
-
                 break;
             case R.id.layout_faxian:
                 initialization(2);
@@ -128,6 +138,12 @@ public class NavigationLayout extends FrameLayout implements View.OnClickListene
         img[2].setSelected(false);
         user_text.setSelected(false);
         img[3].setSelected(false);
+
+        CI_imgarr[0].setImageResource(0);
+        CI_imgarr[1].setImageResource(0);
+        CI_imgarr[2].setImageResource(0);
+        CI_imgarr[3].setImageResource(0);
+
         selectPosition(position);
 //        replace(position);
     }
@@ -138,18 +154,22 @@ 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);
                 break;
             case 2:
                 faxian_text.setSelected(true);
                 img[2].setSelected(true);
+                CI_imgarr[2].setImageResource(R.color.hometab_skin);
                 break;
             case 3:
                 user_text.setSelected(true);
                 img[3].setSelected(true);
+                CI_imgarr[3].setImageResource(R.color.hometab_skin);
                 break;
         }
         if(listener!=null) {

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

@@ -2,7 +2,8 @@
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:clipChildren="false"
-    android:layout_height="match_parent">
+    android:layout_height="match_parent"
+    >
 
 
     <FrameLayout

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

@@ -1,25 +1,49 @@
 <?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<com.zhy.autolayout.AutoLinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:background="@color/bg_gray"
     android:orientation="vertical">
 
-    <include layout="@layout/layout_head_simple_first" />
+    <!--<include layout="@layout/layout_head_simple_first" />-->
 
-    <LinearLayout
+    <com.zhy.autolayout.AutoLinearLayout
+        android:id="@+id/lin_homeskin"
         android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:background="@color/bg_title_gray"
+        android:layout_height="197px"
+        android:background="@drawable/home_background"
         android:orientation="vertical"
-        android:paddingBottom="5dp"
-        android:paddingLeft="10dp"
-        android:paddingRight="10dp"
-        android:paddingTop="5dp">
+        >
 
 
-        <LinearLayout
+        <com.zhy.autolayout.AutoRelativeLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            >
+
+            <ImageView
+                android:id="@+id/iv_skinicon"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:src="@drawable/icon_skin"
+                android:layout_alignParentRight="true"
+                android:layout_marginRight="10px"
+                />
+
+            <ImageView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:src="@drawable/icon_search"
+                android:layout_toLeftOf="@+id/iv_skinicon"
+                android:layout_marginRight="14px"
+                />
+
+        </com.zhy.autolayout.AutoRelativeLayout>
+
+
+
+        <com.zhy.autolayout.AutoLinearLayout
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:orientation="horizontal">
@@ -47,15 +71,15 @@
                 android:text="支出"
                 android:textSize="@dimen/text_normal_size" />
 
-        </LinearLayout>
+        </com.zhy.autolayout.AutoLinearLayout>
 
-        <LinearLayout
+        <com.zhy.autolayout.AutoLinearLayout
             android:layout_width="match_parent"
             android:layout_height="30dp"
             android:layout_marginTop="5dp"
             android:orientation="horizontal">
 
-            <RelativeLayout
+            <com.zhy.autolayout.AutoRelativeLayout
                 android:layout_width="0dp"
                 android:layout_height="wrap_content"
                 android:layout_weight="1">
@@ -87,7 +111,7 @@
                     android:layout_marginLeft="10dp"
                     android:layout_toRightOf="@+id/image_xiala"
                     android:background="@android:color/black" />
-            </RelativeLayout>
+            </com.zhy.autolayout.AutoRelativeLayout>
 
             <TextView
                 android:id="@+id/fragment_detial_moneyin"
@@ -108,8 +132,8 @@
                 android:text="100.00" />
 
 
-        </LinearLayout>
-    </LinearLayout>
+        </com.zhy.autolayout.AutoLinearLayout>
+    </com.zhy.autolayout.AutoLinearLayout>
 
 
     <include
@@ -117,7 +141,8 @@
         android:visibility="gone" />
 
 
-    <RelativeLayout
+    <com.zhy.autolayout.AutoRelativeLayout
+        android:id="@+id/relativelayout"
         android:layout_width="match_parent"
         android:layout_height="match_parent">
 
@@ -165,6 +190,6 @@
             android:layout_alignParentBottom="true"
             android:layout_alignParentRight="true" />
 
-    </RelativeLayout>
+    </com.zhy.autolayout.AutoRelativeLayout>
 
-</LinearLayout>
+</com.zhy.autolayout.AutoLinearLayout>

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

@@ -16,7 +16,7 @@
             android:layout_height="wrap_content"
             android:layout_alignParentBottom="true"
             android:layout_alignParentEnd="true"
-            android:background="@color/bg_title_gray"
+            android:background="@drawable/mine_skin"
             android:gravity="center_horizontal"
             android:orientation="vertical"
             android:paddingBottom="@dimen/len_20"

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

@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.zhy.autolayout.AutoRelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+                android:layout_width="match_parent"
+                android:layout_height="138px">
+
+
+    <TextView
+        android:id="@+id/tv_background"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="背景图"
+        android:textSize="14px"
+        android:textColor="@color/textcolor"
+        android:layout_centerHorizontal="true"
+        android:layout_marginTop="14px"
+        />
+
+
+    <ImageView
+        android:id="@+id/ivpop_close"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:src="@drawable/popskin_close"
+        android:layout_alignParentRight="true"
+        android:layout_marginRight="12px"
+        android:layout_marginTop="8px"
+        />
+
+    <ImageView
+        android:id="@+id/iv_add"
+        android:layout_width="80px"
+        android:layout_height="50px"
+        android:layout_below="@+id/tv_background"
+        android:layout_marginTop="30px"
+        android:layout_marginLeft="10px"
+        android:src="@drawable/homeskin_add"
+        />
+
+
+    <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_toRightOf="@+id/iv_add"
+        android:layout_marginLeft="10px"
+        />
+
+
+
+</com.zhy.autolayout.AutoRelativeLayout>

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

@@ -29,13 +29,24 @@
             android:layout_height="48dp"
             android:layout_weight="1">
 
+
+            <de.hdodenhof.circleimageview.CircleImageView
+                android:id="@+id/CI_detail"
+                android:layout_width="15dp"
+                android:layout_height="15dp"
+                android:layout_marginTop="5dp"
+                android:layout_gravity="center|top"
+                android:layout_marginRight="2dp"
+                />
+
+
             <ImageView
                 android:id="@+id/tab_mingxi_img"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:layout_gravity="top|center"
                 android:layout_marginTop="5dp"
-                android:src="@drawable/bottom_detail"/>
+                android:src="@drawable/bottom_detail_normal"/>
 
             <TextView
                 android:id="@+id/tab_mingxi_text"
@@ -54,13 +65,22 @@
             android:layout_marginRight="10dp"
             android:layout_weight="1">
 
+            <de.hdodenhof.circleimageview.CircleImageView
+                android:id="@+id/CI_chart"
+                android:layout_width="15dp"
+                android:layout_height="15dp"
+                android:layout_marginTop="5dp"
+                android:layout_gravity="center|top"
+                android:layout_marginRight="2dp"
+                />
+
             <ImageView
                 android:id="@+id/tab_baobiao_img"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:layout_gravity="top|center"
                 android:layout_marginTop="5dp"
-                android:src="@drawable/bottom_chart"/>
+                android:src="@drawable/bottom_chart_normal"/>
 
             <TextView
                 android:id="@+id/tab_baobiao_text"
@@ -84,13 +104,24 @@
             android:layout_marginLeft="10dp"
             android:layout_weight="1">
 
+
+            <de.hdodenhof.circleimageview.CircleImageView
+                android:id="@+id/CI_find"
+                android:layout_width="15dp"
+                android:layout_height="15dp"
+                android:layout_marginTop="5dp"
+                android:layout_gravity="center|top"
+                android:layout_marginRight="2dp"
+                />
+
+
             <ImageView
                 android:id="@+id/tab_faxian_img"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:layout_gravity="top|center"
                 android:layout_marginTop="5dp"
-                android:src="@drawable/bottom_find"/>
+                android:src="@drawable/bottom_find_normal"/>
 
             <TextView
                 android:id="@+id/tab_faxian_text"
@@ -108,13 +139,23 @@
             android:layout_height="48dp"
             android:layout_weight="1">
 
+            <de.hdodenhof.circleimageview.CircleImageView
+                android:id="@+id/CI_me"
+                android:layout_width="15dp"
+                android:layout_height="15dp"
+                android:layout_marginTop="5dp"
+                android:layout_gravity="center|top"
+                android:layout_marginRight="2dp"
+                />
+
+
             <ImageView
                 android:id="@+id/tab_user_img"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:layout_gravity="top|center"
                 android:layout_marginTop="5dp"
-                android:src="@drawable/bottom_me"/>
+                android:src="@drawable/bottom_me_normal"/>
 
             <TextView
                 android:id="@+id/tab_user_text"

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

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+              android:orientation="vertical"
+              android:layout_width="match_parent"
+              android:layout_height="match_parent">
+
+
+    <ImageView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+
+
+        />
+
+
+
+
+</LinearLayout>

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

@@ -36,4 +36,10 @@
     <color name="actionsheet_blue">#037BFF</color>
     <color name="actionsheet_red">#FD4A2E</color>
     <color name="actionsheet_gray">#8F8F8F</color>
+
+    <color name="textcolor">#222</color>
+
+    <color name="hometab_skin">#FFE500</color>
+
+
 </resources>