From 6510a6c11f3fe0de34d24f350f20356ffaca19b9 Mon Sep 17 00:00:00 2001
From: jxr202 <jxr202@foxmail.com>
Date: Tue, 27 Feb 2018 18:55:52 +0800
Subject: [PATCH] =?UTF-8?q?[Jiang]:=E6=B7=BB=E5=8A=A0TitleBar=E6=8E=A7?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/main/res/layout/activity_main.xml     |  12 +
 .../com/jxr202/colorful_ui/CommonUtils.java   |  27 ++
 .../java/com/jxr202/colorful_ui/TitleBar.java | 330 ++++++++++++++++++
 .../main/res/mipmap-xxhdpi/ic_common_back.png | Bin 0 -> 1803 bytes
 colorful-ui/src/main/res/values/attrs.xml     |  39 ++-
 5 files changed, 407 insertions(+), 1 deletion(-)
 create mode 100644 colorful-ui/src/main/java/com/jxr202/colorful_ui/CommonUtils.java
 create mode 100644 colorful-ui/src/main/java/com/jxr202/colorful_ui/TitleBar.java
 create mode 100644 colorful-ui/src/main/res/mipmap-xxhdpi/ic_common_back.png

diff --git a/colorful-ui-example/src/main/res/layout/activity_main.xml b/colorful-ui-example/src/main/res/layout/activity_main.xml
index a6cb741..36687e9 100644
--- a/colorful-ui-example/src/main/res/layout/activity_main.xml
+++ b/colorful-ui-example/src/main/res/layout/activity_main.xml
@@ -7,6 +7,18 @@
     android:background="#eeeeee"
     android:orientation="vertical" >
 
+    <com.jxr202.colorful_ui.TitleBar
+        android:id="@+id/title_bar"
+        android:layout_width="match_parent"
+        android:layout_height="44dp"
+        android:background="#B6D989"
+        jxr202:leftDrawable="@mipmap/ic_common_back"
+        jxr202:leftImageVisibility="visible"
+        jxr202:titleColor="#030303"
+        jxr202:titleText="@string/app_name"
+        jxr202:titleTextSize="15sp"
+        jxr202:titleTextVisibility="visible" />
+
     <com.jxr202.colorful_ui.DateSelectView
         android:id="@+id/dateSelectView"
         android:layout_width="match_parent"
diff --git a/colorful-ui/src/main/java/com/jxr202/colorful_ui/CommonUtils.java b/colorful-ui/src/main/java/com/jxr202/colorful_ui/CommonUtils.java
new file mode 100644
index 0000000..6fe5fc9
--- /dev/null
+++ b/colorful-ui/src/main/java/com/jxr202/colorful_ui/CommonUtils.java
@@ -0,0 +1,27 @@
+package com.jxr202.colorful_ui;
+
+import android.content.Context;
+import android.content.res.Resources;
+
+/**
+ * Created by Jxr35 on 2018/2/27
+ */
+
+public class CommonUtils {
+
+    public static float dp2px(Resources resources, float dp) {
+        final float scale = resources.getDisplayMetrics().density;
+        return dp * scale + 0.5f;
+    }
+
+    public static float sp2px(Resources resources, float sp) {
+        final float scale = resources.getDisplayMetrics().scaledDensity;
+        return sp * scale;
+    }
+
+    public static int px2dip(Context context, float pxValue) {
+        final float scale = context.getResources().getDisplayMetrics().density;
+        return (int) (pxValue / scale + 0.5f);
+    }
+
+}
diff --git a/colorful-ui/src/main/java/com/jxr202/colorful_ui/TitleBar.java b/colorful-ui/src/main/java/com/jxr202/colorful_ui/TitleBar.java
new file mode 100644
index 0000000..3de79a7
--- /dev/null
+++ b/colorful-ui/src/main/java/com/jxr202/colorful_ui/TitleBar.java
@@ -0,0 +1,330 @@
+package com.jxr202.colorful_ui;
+
+import android.content.Context;
+import android.content.res.Resources;
+import android.content.res.TypedArray;
+import android.graphics.drawable.Drawable;
+import android.util.AttributeSet;
+import android.view.Gravity;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.RelativeLayout;
+import android.widget.TextView;
+
+/**
+ * Created by Jxr35 on 2018/2/27
+ */
+
+public class TitleBar extends RelativeLayout {
+
+    private static final int GONE = 8;
+    private static final int VISIBLE = 0;
+
+    private Context mContext;
+    private ImageView mIvLeft;
+    private TextView mTvTitle;
+    private ImageView mIvRight;
+    private TextView mTvRight;
+
+    // 左边的图标属性
+    private Drawable mLeftDrawable;
+    private int mLeftImageVisibility;
+
+    // 中间标题属性
+    private String mTitleText = "";
+    private float mTitleTextSize;
+    private int mTitleTextColor;
+    private int mTitleTextVisibility;
+
+    // 右边图标属性
+    private Drawable mRightDrawable;
+    private int mRightImageVisibility;
+
+    // 右边文本的属性
+    private String mRightText = "";
+    private float mRightTextSize;
+    private int mRightTextColor;
+    private int mRightTextVisibility;
+
+    private LayoutParams mIvLeftParams;
+    private LayoutParams mTvTitleParams;
+    private LayoutParams mTvRightParams;
+    private LayoutParams mIvRightParams;
+
+    private OnTitleBarClickListener mListener;
+
+    public TitleBar(Context context) {
+        this(context, null);
+    }
+
+    public TitleBar(Context context, AttributeSet attrs) {
+        this(context, attrs, 0);
+    }
+
+    public TitleBar(Context context, AttributeSet attrs, int defStyleAttr) {
+        super(context, attrs, defStyleAttr);
+        mContext = context;
+
+        mIvLeft = new ImageView(mContext);
+        mTvTitle = new TextView(mContext);
+        mIvRight = new ImageView(mContext);
+        mTvRight = new TextView(mContext);
+
+        Resources res = getResources();
+        TypedArray ta = mContext.obtainStyledAttributes(attrs, R.styleable.titleBar, defStyleAttr, 0);
+
+        mLeftDrawable = ta.getDrawable(R.styleable.titleBar_leftDrawable);
+        mLeftImageVisibility = ta.getInteger(R.styleable.titleBar_leftImageVisibility, VISIBLE);
+
+        mTitleText = ta.getString(R.styleable.titleBar_titleText);
+        mTitleTextSize = CommonUtils.px2dip(mContext, ta.getDimension(R.styleable.titleBar_titleTextSize, 17));
+        mTitleTextColor = ta.getColor(R.styleable.titleBar_titleColor, 0xffffffff);
+        mTitleTextVisibility = ta.getInteger(R.styleable.titleBar_titleTextVisibility, VISIBLE);
+
+        mRightText = ta.getString(R.styleable.titleBar_rightText);
+        mRightTextSize = CommonUtils.px2dip(mContext, ta.getDimension(R.styleable.titleBar_rightTextSize, 15));
+        mRightTextColor = ta.getColor(R.styleable.titleBar_rightTextColor, 0xffffffff);
+        mRightTextVisibility = ta.getInteger(R.styleable.titleBar_rightTextVisibility, GONE);
+
+        mRightDrawable = ta.getDrawable(R.styleable.titleBar_rightDrawable);
+        mRightImageVisibility = ta.getInteger(R.styleable.titleBar_rightImageVisibility, GONE);
+
+        ta.recycle();
+        init();
+        initListener();
+    }
+
+    private void init() {
+        Resources res = getResources();
+
+        mIvLeft.setImageDrawable(mLeftDrawable);
+        mIvLeft.setVisibility(mLeftImageVisibility);
+
+        mTvTitle.setText(mTitleText);
+        mTvTitle.setTextColor(mTitleTextColor);
+        mTvTitle.setTextSize(mTitleTextSize);
+        mTvTitle.setVisibility(mTitleTextVisibility);
+        mTvTitle.setLines(1);
+
+        mTvRight.setText(mRightText);
+        mTvRight.setTextColor(mRightTextColor);
+        mTvRight.setTextSize(mRightTextSize);
+        mTvRight.setVisibility(mRightTextVisibility);
+
+        mIvRight.setImageDrawable(mRightDrawable);
+        mIvRight.setVisibility(mRightImageVisibility);
+        // 为组件元素设定响应的布局元素
+        mIvLeftParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.MATCH_PARENT);
+        mTvTitleParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
+        mTvRightParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.MATCH_PARENT);
+        mIvRightParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.MATCH_PARENT);
+
+        mIvLeft.setPadding(10, 0, 40, 0);
+        mIvRight.setPadding(40, 0, 20, 0);
+        mTvRight.setPadding(40, 0, 20, 0);
+        mTvRight.setGravity(Gravity.CENTER_VERTICAL);
+
+        mIvLeftParams.addRule(ALIGN_PARENT_LEFT);
+        mTvTitleParams.addRule(CENTER_IN_PARENT);
+        mTvRightParams.addRule(ALIGN_PARENT_RIGHT);
+        mIvRightParams.addRule(ALIGN_PARENT_RIGHT);
+        //mTvTitleParams.addRule(CENTER_IN_PARENT);
+        //mTvTitleParams.setMarginStart(2*spacing40px);
+        //mTvTitleParams.setMarginEnd(2*spacing40px);
+
+        addView(mIvLeft, mIvLeftParams);
+        addView(mTvTitle, mTvTitleParams);
+        addView(mTvRight, mTvRightParams);
+        addView(mIvRight, mIvRightParams);
+    }
+
+    private void initListener() {
+        mIvLeft.setOnClickListener(new OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                if (mListener != null) {
+                    mListener.onLeftImageClick();
+                }
+            }
+        });
+        mIvRight.setOnClickListener(new OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                if (mListener != null) {
+                    mListener.onRightImageClick();
+                }
+            }
+        });
+        mTvRight.setOnClickListener(new OnClickListener() {
+            @Override
+            public void onClick(View v) {
+                if (mListener != null) {
+                    mListener.onRightTextClick();
+                }
+            }
+        });
+    }
+
+    public Drawable getLeftDrawable() {
+        return mLeftDrawable;
+    }
+
+    public void setLeftDrawable(Drawable drawable) {
+        mLeftDrawable = drawable;
+        mIvLeft.setImageDrawable(drawable);
+    }
+
+    public int getLeftImageVisibility() {
+        return mLeftImageVisibility;
+    }
+
+    public void setLeftImageVisibility(int visibility) {
+        mLeftImageVisibility = visibility;
+        mIvLeft.setVisibility(visibility);
+    }
+
+    public void setLeftImageEnable(boolean enable) {
+        mIvLeft.setEnabled(enable);
+    }
+
+    public boolean isLeftImageEnable() {
+        return mIvLeft.isEnabled();
+    }
+
+    public String getTitleText() {
+        return mTitleText;
+    }
+
+    public void setTitleText(String text) {
+        mTitleText = text;
+        mTvTitle.setText(text);
+    }
+
+    public float getTitleTextSize() {
+        return mTitleTextSize;
+    }
+
+    public void setTitleTextSize(float size) {
+        mTitleTextSize = size;
+        mTvTitle.setTextSize(size);
+    }
+
+    public int getTitleTextColor() {
+        return mTitleTextColor;
+    }
+
+    public void setTitleTextColor(int color) {
+        mTitleTextColor = color;
+        mTvTitle.setTextColor(color);
+    }
+
+    public int getTitleTextVisibility() {
+        return mTitleTextVisibility;
+    }
+
+    public void setTitleTextVisibility(int visibility) {
+        mTitleTextVisibility = visibility;
+        mTvTitle.setVisibility(visibility);
+    }
+
+    public Drawable getRightDrawable() {
+        return mRightDrawable;
+    }
+
+    public void setRightDrawable(Drawable drawable) {
+        mRightDrawable = drawable;
+        mIvRight.setImageDrawable(drawable);
+    }
+
+    public int getRightImageVisibility() {
+        return mRightImageVisibility;
+    }
+
+    public void setRightImageVisibility(int visibility) {
+        mRightImageVisibility = visibility;
+        mIvRight.setVisibility(visibility);
+    }
+
+    public void setRightImageEnable(boolean enable) {
+        mIvRight.setEnabled(enable);
+    }
+
+    public boolean isRightImageEnable() {
+        return mIvRight.isEnabled();
+    }
+
+    public String getRightText() {
+        return mRightText;
+    }
+
+    public void setRightText(String text) {
+        mRightText = text;
+        mTvRight.setText(text);
+    }
+
+    public float getRightTextSize() {
+        return mRightTextSize;
+    }
+
+    public void setRightTextSize(float size) {
+        mRightTextSize = size;
+        mTvRight.setTextSize(size);
+    }
+
+    public int getRightTextColor() {
+        return mRightTextColor;
+    }
+
+    public void setRightTextColor(int color) {
+        mRightTextColor = color;
+        mTvRight.setTextColor(color);
+    }
+
+    public int getRightTextVisibility() {
+        return mRightTextVisibility;
+    }
+
+    public void setRightTextVisibility(int visibility) {
+        mRightTextVisibility = visibility;
+        mTvRight.setVisibility(visibility);
+    }
+
+    public void setRightTextEnable(boolean enable) {
+        mTvRight.setEnabled(enable);
+    }
+
+    public boolean isRightTextEnable() {
+        return mTvRight.isEnabled();
+    }
+
+    public void setOnTitleBarClickListener(OnTitleBarClickListener listener) {
+        mListener = listener;
+    }
+
+    public interface OnTitleBarClickListener {
+        void onLeftImageClick();
+
+        void onRightImageClick();
+
+        void onRightTextClick();
+    }
+
+    public static class SimpleTitleBarClickListener implements OnTitleBarClickListener {
+        @Override
+        public void onLeftImageClick() {
+
+        }
+
+        @Override
+        public void onRightImageClick() {
+
+        }
+
+        @Override
+        public void onRightTextClick() {
+
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/colorful-ui/src/main/res/mipmap-xxhdpi/ic_common_back.png b/colorful-ui/src/main/res/mipmap-xxhdpi/ic_common_back.png
new file mode 100644
index 0000000000000000000000000000000000000000..51aed7cb72921579047a0e513640dd2b8acdcb22
GIT binary patch
literal 1803
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

literal 0
HcmV?d00001

diff --git a/colorful-ui/src/main/res/values/attrs.xml b/colorful-ui/src/main/res/values/attrs.xml
index 9bf10fd..a69e16f 100644
--- a/colorful-ui/src/main/res/values/attrs.xml
+++ b/colorful-ui/src/main/res/values/attrs.xml
@@ -2,7 +2,6 @@
 <resources >
 
     <declare-styleable name="dateStyle">
-
         <attr name="uiBackground" format="color|reference"/>
 
         <attr name="leftViewId" format="reference|integer"/>
@@ -42,4 +41,42 @@
         </attr>
     </declare-styleable>
 
+    <!-- ****************标题栏*******************-->
+    <declare-styleable name="titleBar">
+        <attr name="leftDrawable" format="color|reference"/>
+        <attr name="leftImageId" format="reference|integer"/>
+        <attr name="leftImageVisibility">
+            <enum name="gone" value="8" />
+            <enum name="invisible" value="4" />
+            <enum name="visible" value="0" />
+        </attr>
+
+        <attr name="titleText" format="string"/>
+        <attr name="titleTextSize" format="dimension"/>
+        <attr name="titleColor" format="color"/>
+        <attr name="titleTextVisibility">
+            <enum name="gone" value="8" />
+            <enum name="invisible" value="4" />
+            <enum name="visible" value="0" />
+        </attr>
+
+        <attr name="rightTextId" format="reference|integer"/>
+        <attr name="rightText" format="string"/>
+        <attr name="rightTextSize" format="dimension"/>
+        <attr name="rightTextColor" format="color"/>
+        <attr name="rightTextVisibility">
+            <enum name="gone" value="8" />
+            <enum name="invisible" value="4" />
+            <enum name="visible" value="0" />
+        </attr>
+
+        <attr name="rightDrawable" format="color|reference"/>
+        <attr name="rightImageId" format="reference|integer"/>
+        <attr name="rightImageVisibility">
+            <enum name="gone" value="8" />
+            <enum name="invisible" value="4" />
+            <enum name="visible" value="0" />
+        </attr>
+    </declare-styleable>
+
 </resources >