`

左中右结构的行布局

阅读更多
最近项目要开发一个新版本,发现项目中许多布局大致都相同改动不大,并且布局中代码量非常之多不好阅读,针对项目相关内容进行了封装。
实现思路:
通过继承RelativeLayout实现动态添加所需要的控件,TextView  ImageView  View 一共封装了8个控件 leftImg reightImg leftTv rightTv centerTv leftTopTv leftBottomTv bottomLine 根据需要动态添加AddView(View) 通过LayoutParams.addRule()设置控件的位置,LayoutParams.setMargins()设置大小进行所需控件的控制实现以下效果:



用法:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#f7f7f8"
    android:orientation="vertical"
    tools:context="com.dengxiao.customtextlayout.MainActivity">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <com.dengxiao.customtextlayout.CustomTextView
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:background="#1fde94"
                app:leftTvColor="#ffffff"
                app:leftTvMarginleft="20dp"
                app:leftTvSize="20sp"
                app:leftTvString="CustomTextViewLayout" />

            <com.dengxiao.customtextlayout.CustomTextView
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:background="#ffffff"
                app:bottomLineHeight="1dp"
                app:bottomLineShow="true"
                app:bottomcolor="#eeeeee"
                app:centerTvColor="#000"
                app:centerTvSize="18sp"
                app:centerTvString="标题"
                app:leftImg="@drawable/btn_back_pressed"
                app:leftImgHeight="40dp"
                app:leftImgMarginleft="5dp"
                app:leftImgWight="40dp"
                app:leftTvColor="@color/colorAccent"
                app:leftTvMarginleft="5dp"
                app:leftTvSize="18sp"
                app:leftTvString="左边"
                app:rightImg="@drawable/btn_forward_pressed"
                app:rightImgHeight="50dp"
                app:rightImgMarginright="10dp"
                app:rightImgWidht="50dp"
                app:rightTvColor="#52adff"
                app:rightTvMarginright="10dp"
                app:rightTvSize="19sp"
                app:rightTvString="右边" />

            <com.dengxiao.customtextlayout.CustomTextView
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:background="#3F51B5"
                app:bottomLineHeight="1dp"
                app:bottomLineShow="true"
                app:bottomcolor="#EEEEEE"
                app:leftImg="@drawable/btn_back_pressed"
                app:leftImgHeight="40dp"
                app:leftImgMarginleft="5dp"
                app:leftImgWight="40dp"
                app:leftTvColor="#ffffff"
                app:leftTvSize="18sp"
                app:leftTvString="银行卡"
                app:rightTvColor="#ffffff"
                app:rightTvMarginright="10dp"
                app:rightTvSize="15sp"
                app:rightTvString="银行卡限额" />

            <com.dengxiao.customtextlayout.CustomTextView
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:background="#ffffff"
                app:bottomLineHeight="1dp"
                app:bottomLineMargin="10dp"
                app:bottomLineShow="true"
                app:bottomcolor="#eeeeee"
                app:leftImg="@drawable/btn_back_pressed"
                app:leftImgHeight="40dp"
                app:leftImgMarginleft="5dp"
                app:leftImgWight="40dp"
                app:leftTvColor="#000"
                app:leftTvMarginleft="10dp"
                app:leftTvSize="18sp"
                app:leftTvString="积分排行"
                app:rightImg="@drawable/img_share"
                app:rightImgHeight="30dp"
                app:rightImgMarginright="10dp"
                app:rightImgWidht="30dp" />

            <com.dengxiao.customtextlayout.CustomTextView
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:background="#ff8053"
                app:centerTvColor="#ffffff"
                app:centerTvSize="18sp"
                app:centerTvString="赫丹"
                app:leftImg="@drawable/icon_portrait"
                app:leftImgHeight="40dp"
                app:leftImgMarginleft="10dp"
                app:leftImgWight="40dp"
                app:rightTvColor="#ffffff"
                app:rightTvMarginright="10dp"
                app:rightTvSize="18sp"
                app:rightTvString="更多" />


            <com.dengxiao.customtextlayout.CustomTextView
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:background="#EEEEEE"
                app:bottomLineHeight="1dp"
                app:bottomLineMargin="10dp"
                app:bottomLineShow="true"
                app:bottomcolor="#ffffff"
                app:leftImg="@drawable/btn_back_pressed"
                app:leftImgHeight="40dp"
                app:leftImgMarginleft="5dp"
                app:leftImgWight="40dp"
                app:leftTvColor="#000"
                app:leftTvMarginleft="10dp"
                app:leftTvSize="18sp"
                app:leftTvString="分类" />

            <com.dengxiao.customtextlayout.CustomTextView
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:background="@color/colorAccent"
                app:centerTvColor="#ffffff"
                app:centerTvSize="18sp"
                app:centerTvString="%丢丢%"
                app:leftImg="@drawable/ic_search"
                app:leftImgMarginleft="12dp" />

            <com.dengxiao.customtextlayout.CustomTextView
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:background="#ffffff"
                app:bottomLineHeight="1dp"
                app:bottomLineMargin="10dp"
                app:bottomLineShow="true"
                app:bottomcolor="#eeeeee"
                app:leftImg="@drawable/gonghang"
                app:leftImgHeight="40dp"
                app:leftImgMarginleft="10dp"
                app:leftImgWight="40dp"
                app:leftTvColor="@color/colorAccent"
                app:leftTvMarginleft="20dp"
                app:leftTvSize="18sp"
                app:leftTvString="工商银行" />

            <com.dengxiao.customtextlayout.CustomTextView
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:background="#ffffff"
                app:bottomLineHeight="1dp"
                app:bottomLineMargin="10dp"
                app:bottomLineShow="true"
                app:bottomcolor="#eeeeee"
                app:centerTVMarginleft="20dp"
                app:centerTvSize="18sp"
                app:centerTvString="¥80000  元"
                app:leftTvColor="#a1a5aa"
                app:leftTvMarginleft="20dp"
                app:leftTvSize="18sp"
                app:leftTvString="市场价" />


            <com.dengxiao.customtextlayout.CustomTextView
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:layout_marginRight="5dp"
                android:background="#ffffff"
                app:bottomLineHeight="1dp"
                app:bottomLineMargin="10dp"
                app:bottomLineShow="true"
                app:bottomcolor="#eeeeee"
                app:centerTVMarginleft="20dp"
                app:centerTvSize="18sp"
                app:centerTvString="黑色  128"
                app:leftTvColor="#a1a5aa"
                app:leftTvMarginleft="20dp"
                app:leftTvSize="18sp"
                app:leftTvString="款式"
                app:rightImg="@drawable/btn_forward_pressed"
                app:rightImgHeight="40dp"
                app:rightImgWidht="40dp" />

            <com.dengxiao.customtextlayout.CustomTextView
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:background="#ffffff"
                app:bottomLineHeight="1dp"
                app:bottomLineMargin="10dp"
                app:bottomLineShow="true"
                app:bottomcolor="#eeeeee"
                app:leftTvColor="#a1a5aa"
                app:leftTvMarginleft="20dp"
                app:leftTvSize="18sp"
                app:leftTvString="款式"
                app:rightImg="@drawable/btn_forward_pressed"
                app:rightImgHeight="40dp"
                app:rightImgMarginright="5dp"
                app:rightImgWidht="40dp"
                app:rightTvMarginright="10dp"
                app:rightTvSize="18sp"
                app:rightTvString="黑色  128" />

            <com.dengxiao.customtextlayout.CustomTextView
                android:layout_width="match_parent"
                android:layout_height="100dp"
                android:background="#ffffff"
                app:bottomLineHeight="1dp"
                app:bottomLineMargin="10dp"
                app:bottomLineShow="true"
                app:bottomcolor="#eeeeee"
                app:leftBottomTvColor="#a1a5aa"
                app:leftBottomTvMarginleft="10dp"
                app:leftBottomTvSize="13sp"
                app:leftBottomTvString="*** **** **** 4563"
                app:leftButtomTvMarginBottom="25dp"
                app:leftImg="@drawable/nonghang"
                app:leftImgHeight="70dp"
                app:leftImgMarginleft="20dp"
                app:leftImgWight="70dp"
                app:leftTopTvColor="#000"
                app:leftTopTvMarginTop="25dp"
                app:leftTopTvMarginleft="10dp"
                app:leftTopTvSize="18sp"
                app:leftTopTvString="农业银行"
                app:rightImg="@drawable/btn_forward_pressed"
                app:rightImgHeight="40dp"
                app:rightImgMarginright="5dp"
                app:rightImgWidht="40dp" />

            <com.dengxiao.customtextlayout.CustomTextView
                android:layout_width="match_parent"
                android:layout_height="100dp"
                android:background="#ffffff"
                app:bottomLineHeight="1dp"
                app:bottomLineMargin="10dp"
                app:bottomLineShow="true"
                app:bottomcolor="#eeeeee"
                app:leftBottomTvColor="#a1a5aa"
                app:leftBottomTvMarginleft="10dp"
                app:leftBottomTvSize="13sp"
                app:leftBottomTvString="*** **** **** 4563"
                app:leftButtomTvMarginBottom="25dp"
                app:leftImg="@drawable/gonghang"
                app:leftImgHeight="70dp"
                app:leftImgMarginleft="20dp"
                app:leftImgWight="70dp"
                app:leftTopTvColor="#000"
                app:leftTopTvMarginTop="25dp"
                app:leftTopTvMarginleft="10dp"
                app:leftTopTvSize="18sp"
                app:leftTopTvString="工商银行" />

            <com.dengxiao.customtextlayout.CustomTextView
                android:id="@+id/coustomTextView"
                android:layout_width="match_parent"
                android:layout_height="55dp" />
        </LinearLayout>
    </ScrollView>
</LinearLayout>


import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Color;
import android.graphics.drawable.Drawable;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;

import static android.R.attr.left;

/**
 * Created by Dengxiao on 2016/12/8.
 */

public class CustomTextView extends RelativeLayout {

    //文字
    private String leftTvString;//左边文字
    private String rightTvString;//右边文字
    private String centerTvString;//中间文字
    private String leftTopTvString;//左上文字
    private String leftBottomTvString;//左下文字
    private int leftTvSize;//左边文字大小
    private int rightTvSize;//右边文字大小
    private int centerTvSize;//中间文字大小
    private int leftTopTvSize;//左上文字大小
    private int leftBottomTvSize;//左下文字大小
    private int leftTvMarginleft;//左边文字左边距
    private int rightTvMarginright;//右边文字右边距
    private int leftTopTvColor;//左上文字颜色
    private int leftBottomTvColor;//左下文字颜色
    private int leftTvColor;//左边文字颜色
    private int rightTvColor;//右边文字颜色
    private int centerTvColor;//中间文字颜色

    //图片
    private Drawable rightImgRes;//右边图片资源
    private Drawable leftImgRes;//左边图片资源
    private int leftImgWidht;//左边图片宽带
    private int leftImgHeight;//左边图片高度
    private int rightImgWidht;//右边图片宽带
    private int rightImgHeight;//右边图片高度
    private int leftImgMarginleft;//左边图片左边距
    private int rightImgMarginright;//右边图片右边距
    private int centerTVMarginleft;//中间文字左边距
    private int leftTopTvMarginTop;//左上文字上边距
    private int leftTopTvMarginleft;//左上文字左边就
    private int leftBottomTvMarginleft;//左下文字左边距
    private int leftButtomTvMarginBottom;//左下文字下边距
    //下划线margin
    private int bottomLineMargin;
    private boolean bottomLineShow;
    private int bottomLineHeight;
    private int bottomcolor;

    //一些默认属性
    private int defaultTvColor = 0xFF373737;//文字默认颜色
    private TextView leftTv, centerTv, rightTv,leftTopTv,leftBottomTv;
    private ImageView leftIV, rightIV;
    private View bottomView;
    private Context mContext;


    private OnTextViewClickListener OnTextViewClickListener;

    public CustomTextView setOnTextViewClickListener(OnTextViewClickListener listener) {
        this.OnTextViewClickListener = listener;
        return this;
    }

    public CustomTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.mContext = context;
        initAttr(attrs);
        initLayout();
        this.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if (OnTextViewClickListener != null) {
                    OnTextViewClickListener.OnTextViewClick();
                }
            }
        });
    }

    private void initAttr(AttributeSet attrs) {
        TypedArray typedArray = mContext.obtainStyledAttributes(attrs, R.styleable.CustomTextView);
        leftTvString = typedArray.getString(R.styleable.CustomTextView_leftTvString);
        rightTvString = typedArray.getString(R.styleable.CustomTextView_rightTvString);
        centerTvString = typedArray.getString(R.styleable.CustomTextView_centerTvString);
        leftTopTvString = typedArray.getString(R.styleable.CustomTextView_leftTopTvString);
        leftBottomTvString = typedArray.getString(R.styleable.CustomTextView_leftBottomTvString);
        leftTvSize = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftTvSize, 16);
        rightTvSize = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_rightTvSize, 16);
        centerTvSize = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_centerTvSize, 16);
        leftImgRes = typedArray.getDrawable(R.styleable.CustomTextView_leftImg);
        rightImgRes = typedArray.getDrawable(R.styleable.CustomTextView_rightImg);
        leftTvColor = typedArray.getColor(R.styleable.CustomTextView_leftTvColor, defaultTvColor);
        rightTvColor = typedArray.getColor(R.styleable.CustomTextView_rightTvColor, defaultTvColor);
        centerTvColor = typedArray.getColor(R.styleable.CustomTextView_centerTvColor, defaultTvColor);
        leftImgWidht = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftImgWight, 0);
        leftImgHeight = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftImgHeight, 0);
        rightImgWidht = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_rightImgWidht, 0);
        rightImgHeight = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_rightImgHeight, 0);
        leftTvMarginleft = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftTvMarginleft, 0);
        rightTvMarginright = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_rightTvMarginright, 0);
        leftImgMarginleft = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftImgMarginleft, 0);
        rightImgMarginright = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_rightImgMarginright, 0);
        bottomLineMargin = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_bottomLineMargin, 0);
        bottomLineShow = typedArray.getBoolean(R.styleable.CustomTextView_bottomLineShow, false);
        bottomLineHeight = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_bottomLineHeight, 1);
        bottomcolor = typedArray.getColor(R.styleable.CustomTextView_bottomcolor, defaultTvColor);
        centerTVMarginleft = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_centerTVMarginleft, 0);
        leftTopTvMarginTop = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftTopTvMarginTop, 0);
        leftTopTvMarginleft = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftTopTvMarginleft, 0);
        leftBottomTvMarginleft = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftBottomTvMarginleft, 0);
        leftButtomTvMarginBottom = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftButtomTvMarginBottom, 0);
        leftTopTvSize = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftTopTvSize, 16);
        leftBottomTvSize = typedArray.getDimensionPixelOffset(R.styleable.CustomTextView_leftBottomTvSize, 16);
        leftTopTvColor = typedArray.getColor(R.styleable.CustomTextView_leftTopTvColor, defaultTvColor);
        leftBottomTvColor = typedArray.getColor(R.styleable.CustomTextView_leftBottomTvColor, defaultTvColor);

        typedArray.recycle();
    }

    private void initLayout() {
        //左边图片初始化
        if (leftImgRes != null) {
            initLeftImg();
        }
        //左边文字初始化
        if (!TextUtils.isEmpty(leftTvString)) {
            initLeftTv();
        }
        //中间文字初始化
        if (!TextUtils.isEmpty(centerTvString)) {
            initCenterTv();
        }
        //左上文字初始化
        if(!TextUtils.isEmpty(leftTopTvString)){
            initLeftTopTv();
        }
        //左下文字初始化
        if(!TextUtils.isEmpty(leftBottomTvString)){
            initLeftBottomTv();
        }

        //右边图片初始化
        if (rightImgRes != null) {
            initRightImg();
        }
        //右边的文字初始
        if (!TextUtils.isEmpty(rightTvString)) {
            initRightTv();
        }
        //下边线初始化
        if (bottomLineShow) {
            initBottomLine();
        }
    }

    //以下是设置字体和图片的属性,,为了适配最好不要动态设置与数字有关的属性
    //代码设置左边文字
    public CustomTextView setLeftTv(String tvStr, String tvColor) {
        leftTvString = TextUtils.isEmpty(tvStr) ? leftTvString : tvStr;
        leftTvColor = TextUtils.isEmpty(tvColor) ? leftTvColor : Color.parseColor(tvColor);
        if (leftTv == null) {
            initLeftTv();
        } else {
            leftTv.setText(leftTvString);
            leftTv.setTextColor(leftTvColor);
        }
        return this;
    }

    //代码设置右边文字
    public CustomTextView setRightTv(String tvStr, String tvColor) {
        rightTvString = TextUtils.isEmpty(tvStr) ? rightTvString : tvStr;
        rightTvColor = TextUtils.isEmpty(tvColor) ? rightTvColor : Color.parseColor(tvColor);
        if (rightTv == null) {
            initRightTv();
        } else {
            rightTv.setText(rightTvString);
            rightTv.setTextColor(rightTvColor);
        }

        return this;
    }

    //代码设置中间文字
    public CustomTextView setCenterTv(String tvStr, String tvColor) {
        centerTvString = TextUtils.isEmpty(tvStr) ? centerTvString : tvStr;
        centerTvColor = TextUtils.isEmpty(tvColor) ? centerTvColor : Color.parseColor(tvColor);
        if (centerTv == null) {
            initCenterTv();
        } else {
            centerTv.setText(centerTvString);
            centerTv.setTextColor(centerTvColor);
        }
        return this;
    }

    //代码设置左上文字颜色
    public CustomTextView setLeftTopTv(String tvStr,String tvColor){
        leftTopTvString=TextUtils.isEmpty(tvStr)?leftTopTvString:tvStr;
        leftTopTvColor=TextUtils.isEmpty(tvColor)?leftTopTvColor:Color.parseColor(tvColor);
        if(leftTopTv==null){
            initLeftTopTv();
        }else{
            leftTopTv.setTextColor(leftTopTvColor);
            leftTopTv.setText(leftTopTvString);
        }
        return this;
    }
    //代码设置左下文字颜色
    public CustomTextView setLeftBottomTv(String tvStr,String tvColor){
        leftBottomTvString=TextUtils.isEmpty(tvStr)?leftBottomTvString:tvStr;
        leftBottomTvColor=TextUtils.isEmpty(tvColor)?leftBottomTvColor:Color.parseColor(tvColor);
        if(leftBottomTv==null){
            initLeftBottomTv();
        }else{
            leftBottomTv.setTextColor(leftBottomTvColor);
            leftBottomTv.setText(leftBottomTvString);
        }
        return this;
    }


    //代码设置布局背景颜色
    public CustomTextView setCustomTvBackground(String strColor){
        CustomTextView.this.setBackgroundColor(Color.parseColor(strColor));
        return this;
    }


    //代码设置左边图片
    public CustomTextView setLeftImg(Drawable icRes) {
        leftImgRes = icRes;
        if (leftIV == null) {
            initLeftImg();
        } else {
            leftIV.setImageDrawable(leftImgRes);
        }
        return this;
    }

    //代码设置右边图片
    public CustomTextView setRightImg(Drawable icRes) {
        rightImgRes = icRes;
        if (rightIV == null) {
            initRightImg();
        } else {
            rightIV.setImageDrawable(rightImgRes);
        }
        return this;
    }

    //设置下划线
    public CustomTextView setBottomLine(String color) {
        bottomcolor = TextUtils.isEmpty(color) ? bottomcolor : Color.parseColor(color);
        if (bottomView == null) {
            initBottomLine();
        } else {
            bottomView.setBackgroundColor(bottomcolor);
        }
        return this;
    }

    private void initLeftImg() {
        leftIV = new ImageView(mContext);
        int width = leftImgWidht != 0 ? leftImgWidht : LayoutParams.WRAP_CONTENT;
        int height = leftImgHeight != 0 ? leftImgHeight : LayoutParams.WRAP_CONTENT;
        LayoutParams leftImgParams = new LayoutParams(width, height);
        leftImgParams.addRule(ALIGN_PARENT_LEFT, TRUE);
        leftImgParams.addRule(RelativeLayout.CENTER_VERTICAL, TRUE);
        leftImgParams.setMargins(leftImgMarginleft, 0, 0, 0);
        leftIV.setScaleType(ImageView.ScaleType.FIT_XY);
        leftIV.setId(R.id.leftImg);
        leftIV.setLayoutParams(leftImgParams);
        leftIV.setImageDrawable(leftImgRes);
        leftIV.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if (OnTextViewClickListener != null) {
                    OnTextViewClickListener.OnLeftImgClick();
                }
            }
        });
        addView(leftIV);
    }

    private void initLeftTv() {
        leftTv = new TextView(mContext);
        LayoutParams leftTvParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
        leftTvParams.addRule(RelativeLayout.CENTER_VERTICAL, TRUE);
        leftTvParams.addRule(RelativeLayout.RIGHT_OF, R.id.leftImg);
        leftTvParams.setMargins(leftTvMarginleft, 0, 0, 0);
        leftTv.setLayoutParams(leftTvParams);
        leftTv.setTextColor(leftTvColor);
        leftTv.setId(R.id.leftTv);
        leftTv.setTextSize(TypedValue.COMPLEX_UNIT_PX, leftTvSize);
        leftTv.setText(leftTvString);
        addView(leftTv);
    }

    private void initCenterTv() {
        centerTv = new TextView(mContext);
        LayoutParams centerTvParams = new LayoutParams(LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        centerTvParams.addRule(centerTVMarginleft != 0 && !TextUtils.isEmpty(leftTvString) ? RelativeLayout.RIGHT_OF : RelativeLayout.CENTER_IN_PARENT, centerTVMarginleft != 0 && !TextUtils.isEmpty(leftTvString) ? R.id.leftTv : TRUE);
        centerTvParams.addRule(RelativeLayout.CENTER_VERTICAL);
        centerTvParams.setMargins(centerTVMarginleft, 0, 0, 0);
        centerTv.setLayoutParams(centerTvParams);
        centerTv.setTextColor(centerTvColor);
        centerTv.setTextSize(TypedValue.COMPLEX_UNIT_PX, centerTvSize);
        centerTv.setText(centerTvString);
        addView(centerTv);
    }

    private void initLeftTopTv(){
        leftTopTv=new TextView(mContext);
        LayoutParams leftTopTvParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
        leftTopTvParams.addRule(RelativeLayout.RIGHT_OF, R.id.leftImg);
        leftTopTvParams.addRule(RelativeLayout.ALIGN_PARENT_TOP,TRUE);
        leftTopTvParams.setMargins(leftTopTvMarginleft,leftTopTvMarginTop,0,0);
        leftTopTv.setLayoutParams(leftTopTvParams);
        leftTopTv.setTextSize(TypedValue.COMPLEX_UNIT_PX,leftTopTvSize);
        leftTopTv.setTextColor(leftTopTvColor);
        leftTopTv.setText(leftTopTvString);
        addView(leftTopTv);
    }

    private void initLeftBottomTv(){
        leftBottomTv=new TextView(mContext);
        LayoutParams leftBottomTvParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
        leftBottomTvParams.addRule(RelativeLayout.RIGHT_OF, R.id.leftImg);
        leftBottomTvParams.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM,TRUE);
        leftBottomTvParams.setMargins(leftBottomTvMarginleft,0,0,leftButtomTvMarginBottom);
        leftBottomTv.setLayoutParams(leftBottomTvParams);
        leftBottomTv.setTextSize(TypedValue.COMPLEX_UNIT_PX,leftBottomTvSize);
        leftBottomTv.setTextColor(leftBottomTvColor);
        leftBottomTv.setText(leftBottomTvString);
        addView(leftBottomTv);
    }


    private void initRightImg() {
        rightIV = new ImageView(mContext);
        int width = rightImgWidht != 0 ? rightImgWidht : LayoutParams.WRAP_CONTENT;
        int height = rightImgHeight != 0 ? rightImgHeight : LayoutParams.WRAP_CONTENT;
        LayoutParams rightIVParams = new LayoutParams(width, height);
        rightIVParams.addRule(RelativeLayout.CENTER_VERTICAL, TRUE);
        rightIVParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT, TRUE);
        rightIVParams.setMargins(0, 0, rightImgMarginright, 0);
        rightIV.setScaleType(ImageView.ScaleType.FIT_XY);
        rightIV.setId(R.id.rightImg);
        rightIV.setLayoutParams(rightIVParams);
        rightIV.setImageDrawable(rightImgRes);
        rightIV.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if (OnTextViewClickListener != null) {
                    OnTextViewClickListener.OnRightImgClick();
                }
            }
        });
        addView(rightIV);

    }

    private void initRightTv() {
        rightTv = new TextView(mContext);
        LayoutParams rightTvParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
        rightTvParams.addRule(rightImgRes != null ? RelativeLayout.LEFT_OF : RelativeLayout.ALIGN_PARENT_RIGHT, rightImgRes != null ? R.id.rightImg : TRUE);
        rightTvParams.addRule(RelativeLayout.CENTER_VERTICAL);
        rightTvParams.setMargins(0, 0, rightTvMarginright, 0);
        rightTv.setLayoutParams(rightTvParams);
        rightTv.setTextColor(rightTvColor);
        rightTv.setTextSize(TypedValue.COMPLEX_UNIT_PX, rightTvSize);
        rightTv.setText(rightTvString);
        rightTv.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if (OnTextViewClickListener != null) {
                    OnTextViewClickListener.OnRightTvClick();
                }
            }
        });

        addView(rightTv);
    }

    private void initBottomLine() {
        bottomView = new View(mContext);
        LayoutParams bottomParams = new LayoutParams(LayoutParams.WRAP_CONTENT, bottomLineHeight);
        bottomParams.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM, TRUE);
        bottomParams.setMargins(bottomLineMargin, 0, bottomLineMargin, 0);
        bottomView.setLayoutParams(bottomParams);
        bottomView.setBackgroundColor(bottomcolor);
        addView(bottomView);
    }

    //点击事件接口
    public static class OnTextViewClickListener {
        public void OnLeftImgClick() {
        }

        public void OnRightImgClick() {
        }

        public void OnTextViewClick() {
        }

        public void OnRightTvClick() {

        }

    }

}

自定义属性:
<declare-styleable name="CustomTextView">
        <attr name="leftTvString" format="string" />
        <attr name="rightTvString" format="string" />
        <attr name="centerTvString" format="string" />
        <attr name="leftTopTvString" format="string"/>
        <attr name="leftBottomTvString" format="string"/>
        <attr name="leftTvSize" format="dimension" />
        <attr name="rightTvSize" format="dimension" />
        <attr name="centerTvSize" format="dimension" />
        <attr name="leftTvMarginleft" format="dimension" />
        <attr name="rightTvMarginright" format="dimension" />
        <attr name="leftTvColor" format="color" />
        <attr name="rightTvColor" format="color" />
        <attr name="centerTvColor" format="color" />
        <attr name="rightImg" format="reference" />
        <attr name="leftImg" format="reference" />
        <attr name="leftImgWight" format="dimension" />
        <attr name="leftImgHeight" format="dimension" />
        <attr name="rightImgWidht" format="dimension" />
        <attr name="rightImgHeight" format="dimension" />
        <attr name="leftImgMarginleft" format="dimension" />
        <attr name="rightImgMarginright" format="dimension" />
        <attr name="bottomLineMargin" format="dimension" />
        <attr name="bottomLineHeight" format="dimension" />
        <attr name="centerTVMarginleft" format="dimension" />
        <attr name="bottomLineShow" format="boolean"/>
        <attr name="bottomcolor" format="color"/>
        <attr name="leftTopTvMarginTop" format="dimension"/>
        <attr name="leftTopTvMarginleft" format="dimension"/>
        <attr name="leftBottomTvMarginleft" format="dimension"/>
        <attr name="leftButtomTvMarginBottom" format="dimension"/>
        <attr name="leftTopTvSize" format="dimension"/>
        <attr name="leftBottomTvSize" format="dimension"/>
        <attr name="leftTopTvColor" format="color"/>
        <attr name="leftBottomTvColor" format="color"/>
    </declare-styleable>


ids.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <item name="leftImg" type="id"/>
    <item name="rightImg" type="id"/>
    <item name="leftTv" type="id"/>
</resources>


项目中常用选项条目布局控件
https://github.com/GitLqr/LQROptionItemView
  • 大小: 70.6 KB
分享到:
评论

相关推荐

    h5左中右经典布局demo

    左中右结构经典布局demo,文字,元素居中示范等,header,content,footer结构demo

    css页面左中右分栏布局示例

    左中右分栏在页面布局中非常实用也很常见,符合大众的浏览习惯,那么如何轻松简单实现呢?下面有个不错的示例,感兴趣的朋友可以参考下

    页面布局例子

    登录页面布局,类似微软登录界面例子。 html、css开发中position、float用法

    jquery 强大拖拽布局插件

    觉得值你花这么多积分 布局设置: 1:33:11:1:21:2:12:1:1默认(三栏为左中右结构) 功能模块设置: 可选择该模块是否启用 添加模块保存配置:可自定义添加模块 可拖拽显示的所有模块

    Layui树形表格treetable

    实现layui的树形表格treeTable,在layui数据表格之上进行扩展实现,详细使用方法请参考压缩包中的README.md文件和实例.

    frameset左右收缩demo

    新项目中后台管理系统的布局结构是,上面导航栏,左边菜单栏,右边工作区,下面公司地址等信息,要求左右留出空白,于是做了这么一个demo,分享一下

    浅谈CSS三栏布局的N种实现

    三栏布局:页面分为左中右三部分。左右固定,中间部分自适应。 1. 绝对定位法 这里的绝对定位是指对左右部分进行绝对定位。 HTML结构。 &lt;div class=left&gt;Left &lt;div class=main&gt;Main &lt;div class=right&gt;Right 代码。 ...

    轮播图的实现(自动轮播+左右按钮切换和点选切换)

    1. HTML结构:在HTML文件中,你需要创建一个容器元素来放置轮播图及其相关元素。一般情况下,你可以使用`&lt;div&gt;`元素作为轮播图容器,并在其中创建其他子元素来显示轮播图片和控制按钮。 2. CSS样式:通过CSS来美化...

    vue中实现拖动调整左右两侧div的宽度的示例代码

    主要介绍了vue中实现拖动调整左右两侧div的宽度的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    双飞翼布局和圣杯布局

     网页开发中,经常会遇见左中右垂直三栏的布局方式,两侧结构宽度固定,中间自适应,有时候需要优先加载中间区域,那么便在DOM结构上便有所要求,需要中间区域在前,左右区域在后。  首先三个元素横向排列,用浮动...

    CSS网站布局实录 (第二版)PDF版

    《CSS网站布局实录:基于Web标准的网站设计指南(第2版)》内容提要: 本书是一本讲述基于Web标准的应用CSS进行网站布局设计与重构的典范之作。 本书以实例为主,一步步地告诉大家如何进行符合Web 2.0标准的CSS布局设计...

    模拟电容测量电路的设计

    1. 设计一种电容测量电路,能用于测量电容量并电容判断的好坏。 2. 设计本测试仪所需的直流稳压电源。...在一定幅面的图纸上合理布局,通常是按信号的流向,采用左进右出的规律摆放各电路,并标出必要的说明。

    菜单树(树数据结构+JSP页面递归调用构建菜单树)

    菜单树(树数据结构+JSP页面递归调用构建菜单树)

    结合CSS3的布局新特征谈谈常见布局方法

    在拿到设计稿时,作为一个前端人员,我们首先会做的应该是为设计图大致地划分区域,然后选择一种最合理的,结构清晰的布局。下面我先根据一些典型的网站案例列举一下几种常见的页面布局。 1、T型布局 这个是我们比较...

    基于简易网格的汉字结构识别方法 (2008年)

    提出了一种基于简易网格的汉字结构的识别方法....以GB 2312中收录的左右结构和上下结构汉字作为样本进行实验,左右结构正确识别率为92.7%,上下结构正确识别率为92.3%.该方法为汉字结构信息化提供了一种研究途径.

    css实现右侧固定宽度 左侧宽度自适应

    不管是左是右,反正就是一边宽度固定,一边宽度自适应。 这种布局比较常见,博客园很多默认主题就是这种。一般情况下,这种布局中宽度固定的区域是侧边栏,而自适应的区域是主体内容区——相信把侧边栏搞成自适应的...

    一份资料看懂集成电路布局版图注意事项.rar

    下图中的ABAB结构两个器件的质心没有完全对准,应避免使用。ABBA结构虽然需要加Dummy器件,但其可以很好的减小应力诱发失配的影响。   当很多多晶电阻并排摆放时,在阵列边缘的电阻条会受到刻蚀速率变化的...

    CSS标准网页布局开发指南 源文件

    源文件\01 presentation.html ----第1章表现和结构相分离的示例。 源文件\02 menu1_heng.html ----第2章和第9章的横向菜单。 menu1_zong.html ----第2章中的纵向菜单。 menu1_zong-xiu.html ----第9...

    ios-想怎么布局就怎么布局的按钮,So Easy.zip

    按钮的样式多种多样,系统默认样式为左右结构,图片在左边,文字在右边。系统按钮完全无法满足开发的需求,我们只能自己定制出想要的样式。 在这里分享一个自定义按钮,文字图片位置随意定制的demo给大家。源码...

    前端css+html+布局笔记

    将样式编写到外部样式表中,可以在不同的页面中使用同一个样式表,完全将表现和结构分离,方便后期的维护,推荐使用的方式 编写的位置 1.内联样式 将样式编写到标签的style属性中 ;"&gt; 这种样式只会对当前...

Global site tag (gtag.js) - Google Analytics