Android自定义条目item优化布局

前言

最近项目轻松了些，也有时间静下心来优化代码了，看着有些布局近千行，我看着也是醉了，于是下决心优化下，程序猿要行动起来，不要说，这是以后我对自己的要求吧，与君共勉！

自定义条目步骤

不多说，先从最常见的布局抓起，比如常见的设置界面，很多相似的条目其实可以抽出来，一般是LinearLayout上TextView＋imageView，或者是ImageView＋TextView等等

好了，直接上代码吧，原理也都是android的自定义View，自定义属性集

1.自定义属性集

<declare-styleable name="ATSettingItem">
    <attr name="item_icon" format="reference|color" />
    <attr name="item_label_name" format="string" />
    <attr name="is_show_right_text" format="boolean" />
    <attr name="is_show_divider" format="boolean" />
    <attr name="is_show_item_icon" format="boolean" />
    <attr name="item_height" format="dimension" />
    <attr name="item_right_label_name" format="string" />
    <attr name="item_padding_left" format="dimension" />
    <attr name="item_padding_right" format="dimension" />
    <attr name="item_text_color" format="reference|color" />
    <attr name="item_backgroud" format="reference|color" />
</declare-styleable>

2.继承自线性布局LinearLayout

package com.asiatravel.asiatravel.widget;

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.asiatravel.asiatravel.R;

/**
 * A widget for the same item
 * use in xml
 * use in code
 * Created by MrBoudar on 16/6/7.
 */
public class ATSettingItem extends LinearLayout {
    private View itemView;
    private View dividerView;
    private LinearLayout itemParentLayout;
    private ImageView itemIconIv;
    private TextView itemLabelTv;
    private TextView itemRightLabelTv;
    private ImageView itemVersionUpgrade;
    private int itemIcon;
    private int itemHeight;
    private int itemPaddingLeft;
    private int itemPaddingRight;
    private String itemLabelName;
    private String itemRightLabelName;
    private boolean isShowRightText;
    private boolean isShowDivider;
    private boolean isShowItemIcon;
    private ATItemChangeListener mItemChangeListener;

    public ATSettingItem(Context context) {
        this(context, null);
    }

    public ATSettingItem(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public ATSettingItem(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs);
    }

    public void init(Context context, AttributeSet attrs) {
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.ATSettingItem);
        itemIcon = typedArray.getResourceId(R.styleable.ATSettingItem_item_icon, R.drawable.iv_commom_data);
        itemLabelName = typedArray.getString(R.styleable.ATSettingItem_item_label_name);
        itemHeight = typedArray.getDimensionPixelSize(R.styleable.ATSettingItem_item_height, context.getResources().getDimensionPixelSize(R.dimen.dimens_44_dp));
        itemPaddingLeft = typedArray.getDimensionPixelSize(R.styleable.ATSettingItem_item_padding_left, context.getResources().getDimensionPixelSize(R.dimen.dimens_14_dp));
        itemPaddingRight = typedArray.getDimensionPixelSize(R.styleable.ATSettingItem_item_padding_right, context.getResources().getDimensionPixelSize(R.dimen.dimens_14_dp));
        isShowRightText = typedArray.getBoolean(R.styleable.ATSettingItem_is_show_right_text, false);
        isShowDivider = typedArray.getBoolean(R.styleable.ATSettingItem_is_show_divider, false);
        isShowItemIcon = typedArray.getBoolean(R.styleable.ATSettingItem_is_show_item_icon, true);
        if (isShowRightText) {
            itemRightLabelName = typedArray.getString(R.styleable.ATSettingItem_item_right_label_name);
        }
        initView(context);
        initData();
        typedArray.recycle();
    }

    public void initView(Context context) {
        if (itemView == null) {
            itemView = LayoutInflater.from(context).inflate(R.layout.at_setting_item, this);
        }
        itemParentLayout = (LinearLayout) itemView.findViewById(R.id.item_parent_layout);
        itemIconIv = (ImageView) itemView.findViewById(R.id.item_icon_imageview);
        itemLabelTv = (TextView) itemView.findViewById(R.id.item_label_textview);
        itemRightLabelTv = (TextView) itemView.findViewById(R.id.item_right_label_textview);
        dividerView = itemView.findViewById(R.id.item_divider);
        itemVersionUpgrade = (ImageView) itemView.findViewById(R.id.item_version_update);
    }

    public void initData() {
        itemParentLayout.setLayoutParams(generateLayoutParams());
        this.setPadding(itemPaddingLeft, 0, itemPaddingRight, 0);
        itemIconIv.setImageResource(itemIcon);
        itemLabelTv.setText(itemLabelName);
        if (isShowItemIcon) {
            itemIconIv.setVisibility(View.VISIBLE);
        }
        if (isShowRightText) {
            itemRightLabelTv.setVisibility(View.VISIBLE);
            itemRightLabelTv.setText(itemRightLabelName);
        }
        if (isShowDivider) {
            dividerView.setVisibility(View.VISIBLE);
        }
    }

    public void setItemLabelName(String name) {
        if (null != itemLabelTv) {
            itemLabelTv.setText(name);
        }
    }

    public void setItemIcon(int iconResId) {
        if (null != itemIconIv) {
            itemIconIv.setImageResource(iconResId);
        }
    }

    public void showUpgradeIcon() {
        if (null != itemVersionUpgrade) {
            itemVersionUpgrade.setVisibility(View.VISIBLE);
        }
    }

    /**
     * Add item in code
     *
     * @param mainContainer
     */
    public void addItem(LinearLayout mainContainer) {
        mainContainer.addView(this);
    }

    public void setIsShowRightText(boolean isShowRightText) {
        this.isShowRightText = isShowRightText;
    }

    public void setItemRightLabelName(String rightLabelName) {
        if (null != itemRightLabelTv && this.isShowRightText) {
            itemRightLabelTv.setVisibility(View.VISIBLE);
            itemRightLabelTv.setText(rightLabelName);
        }
    }

    public LayoutParams generateLayoutParams() {
        return new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, itemHeight);
    }

    /**
     * interface for outer to use this widget
     */
    public interface ATItemChangeListener {
        public void setItemLabel();

        public void setItemRightLabel();

        public void setItemIcon();
    }

    public void setAtItemChangeListener(ATItemChangeListener atItemChangeListener) {
        this.mItemChangeListener = atItemChangeListener;
    }
}

3.代码基本就是这样，原理就是使用android自定义的属性集，其实可以看看android TextView的实现，一个完美的自定义View首先可以引入到XML，可以动态的添加条目，就类似web上动态表单，根据动态添加需要的条目，可根据需求定义不同类型，展示不同的条目到前端。

总结：实现思路就是这样，多学多练吧，我觉得提升最快的就是自己要写一遍，加深理解，向大神们多学习！