`

左中右结构的行布局

阅读更多
最近项目要开发一个新版本,发现项目中许多布局大致都相同改动不大,并且布局中代码量非常之多不好阅读,针对项目相关内容进行了封装。
实现思路:
通过继承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

    首先,我们来看“左中右结构”。这种布局模式常用于创建具有清晰导航和内容区划分的页面。在HTML中,通常通过使用div元素来定义这三个区域。例如: ```html &lt;div class="left"&gt;&lt;/div&gt; &lt;div class="center"&gt;&lt;/div...

    左右结构两列布局宽屏模板.rar

    在这款"左右结构两列布局宽屏模板"中,设计师采用了DIV CSS技术进行布局。DIV元素是HTML中的一个块级元素,常被用来作为页面布局的基本构建块。CSS(层叠样式表)则负责定义这些DIV元素的样式,包括位置、大小、颜色...

    日程代码,左中右布局左中右布局

    左中右布局是一种常见的用户界面设计策略,它将屏幕空间分为三个主要区域,以提供更有效的信息展示和交互体验。这种布局方式常用于提高用户体验,尤其是在需要同时显示多个相关信息源时。 在软件和插件开发中,左中...

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

    在网页设计中,布局是至关重要的,而左中右分栏布局是一种常见的设计模式,它将页面内容划分为左侧栏、中间主栏和右侧栏,为用户提供清晰的导航和信息结构。这种布局方式广泛应用于博客、新闻网站以及各种类型的网页...

    写好左中右结构的字PowerPoint演示文稿.ppt

    标题“写好左中右结构的字PowerPoint演示文稿.ppt”主要聚焦于如何在PowerPoint演示文稿中有效地展示和教授书写左中右结构的汉字。这种结构的汉字通常由三个部分组成,分别位于左侧、中间和右侧,且各部分的宽度和...

    bootstrap 左右结构项目

    Bootstrap 左右结构项目是一种基于Bootstrap框架构建的网页布局方式,这种布局模式广泛应用于后台管理系统,因为它能够有效地组织和展示大量的信息,同时保持界面清晰、易于操作。在本项目中,我们利用Bootstrap的...

    OA 项目bootstrap 左右结构项目

    - **左右结构项目**:网页设计中的一种布局方式,将主要内容分为左右两个部分,常见于需要清晰导航的系统界面。 - **框架搭建**:指的是使用特定的开发框架,如Bootstrap,来快速构建项目的结构和功能。 - **前端...

    Bootstrap左右结构响应式后台模板

    3. **左右结构**:在描述中提到的“左右结构”是指网页布局的一种常见方式。通常,左侧是侧边栏,包含导航链接、工具或设置,而右侧是主要内容区域。这种布局在后台管理界面中很常见,因为它提供了清晰的工作区划分...

    bootstrap左右结构项目模版(是响应式布局)

    Bootstrap 左右结构项目模板是基于流行的前端框架 Bootstrap 开发的一种网页布局模式,它具有响应式设计,能够适应不同屏幕尺寸的设备,如桌面、平板和手机。在本项目模版中,页面内容通常被分为左右两个部分,这种...

    css页面中常见左中右分栏布局的两种实现方式

    在网页设计中,左中右分栏布局是一种非常常见的页面布局方式,这种布局结构主要是为了让网页的各个内容区域按照一定的顺序排列,以便用户更加直观地获取信息。左中右分栏布局之所以流行,是因为它能够有效地区分不同...

    Bootstrap左右结构响应式后台管理 html模板

    在模板中,"左右结构"通常指的是页面布局采用侧边栏(通常包含导航菜单)与主要内容区域相结合的方式。左侧是导航栏,用于展示网站的各个功能模块或层级结构;右侧则是主要内容区,展示用户当前操作的内容或数据。...

    左右布局上下滚动选项卡

    在实际开发中,开发者可能会使用HTML来构建页面结构,CSS来设计样式和布局,JavaScript(可能结合jQuery或其他库)来处理用户交互。例如,CSS可以用来设置选项卡的位置、颜色、过渡效果等,JavaScript则可以监听用户...

    bootstrap响应式布局左右结构项目模版

    总的来说,"bootstrap响应式布局左右结构项目模版"是一个适用于后台管理系统的设计框架,具备响应式、扁平化和滑动条效果,能帮助开发者快速搭建美观且实用的管理界面。通过理解和运用这个模版,开发者可以节省大量...

    Bootstrap左右结构响应式后台管理模板.rar

    标题中的“左右结构”指的是页面布局的一种常见模式,即左侧是导航菜单,右侧是主要内容区域。这种布局在后台管理系统中非常常见,因为可以清晰地将操作导航与工作区分开,提高工作效率。响应式设计则是指网页能够...

    div+css模板布局 右侧固定,左侧自适应

    在网页设计领域,`div+css`是一种常见的布局方式,它通过HTML的`&lt;div&gt;`元素结合CSS(层叠样式表)来实现页面结构和样式的分离,提高代码的可维护性和可重用性。本知识点主要围绕"div+css模板布局 右侧固定,左侧...

    js左右伸缩分栏 类似百度地图布局分栏效果

    在JavaScript编程中,创建一个左右伸缩分栏的布局效果是一项常见的需求,尤其在构建具有交互性的网页应用时。这个效果通常用于展示地图或其他需要在两侧显示信息的场景,如百度地图的左侧导航栏和右侧的地图视图。...

    自定义导航栏,可以添加左中右barbutton

    本项目标题提到的“自定义导航栏,可以添加左中右barbutton”,指的是开发者通过编程方式来构建一个非标准的导航栏,不仅允许在左右两侧添加UIBarButtonItem,还能在中间位置设置额外的操作按钮。这通常涉及到对...

    【网页设计作业】个人简历网页模板,布局左右结构,风格清新,使用html+css的纯静态网页,支持部署和使用!

    网页设计是IT领域中不可或缺的一部分,它涉及到用户体验、视觉艺术和技术实现的完美融合。本教程主要关注一个具体的项目——一个基于HTML和CSS的个人简历网页模板。这个模板采用左右布局,设计风格清新,适合用于...

    frameset左中右形式的模板

    标题"frameset左中右形式的模板"所指的,就是一种典型的页面布局,将网页空间分为左侧、中间和右侧三个部分。 在"frameset左中右形式的模板"中,我们通常会看到以下结构: ```html &lt;!DOCTYPE html&gt; 左中右框架...

    HTML页面模板(左右结构)

    在“HTML页面模板(左右结构)”中,我们通常会看到一个典型的两栏布局,一栏用于侧边导航,另一栏则用于主要内容的展示。这种布局方式在商业网站中非常常见,因为它能有效地引导用户注意力并提供清晰的导航。 首先...

Global site tag (gtag.js) - Google Analytics