Android:自定义组合控件之动态删减编辑框

Step1 组合布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="@dimen/item_height">
<EditText
android:id="@+id/et_text"
android:layout_width="0dp"
android:layout_height="48dp"
android:layout_weight="1"
android:background="@null"
/>

<!--此处设置的是Item右侧的删除图标，用的是iconfont,可根据实际需要替换-->
<com.cuitrip.business.tripservice.ui.IconTextView
android:id="@+id/iv_icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:text="@string/close"
android:textSize="@dimen/ct_ts_16"
android:visibility="gone"
/>
</LinearLayout>

<View
android:layout_width="match_parent"
android:layout_height="1px"
android:background="#ded8d7"
/>

</LinearLayout>

Step2 设置自定义属性

<declare-styleable name="CombinationItemView">
<attr name="cvTextHint" format="string"/>
</declare-styleable>

Step3 编写自定义View

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

public CombinationItemView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
//获取自定义属性
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CombinationItemView, defStyleAttr, 0);
textHint = a.getString(R.styleable.CombinationItemView_cvTextHint);
a.recycle();
//初始化方法
init();
}

private void init() {
view = LayoutInflater.from(getContext()).inflate(R.layout.item_comb, this);
ButterKnife.bind(this);
//当item获取焦点时，显示删除图标
etText.setOnFocusChangeListener(new OnFocusChangeListener() {
@Override
public void onFocusChange(View v, boolean hasFocus) {
if(hasFocus){
ivIcon.setVisibility(VISIBLE);
}else{
ivIcon.setVisibility(GONE);
}
}
});
//设置提示文字
setTextHint(textHint);
}

@Override
public boolean onTouchEvent(MotionEvent event) {
//判断手指是否触摸到右侧图标
if (event.getX()>=etText.getRight()){
removeAllViews();
return true;
}
return super.onTouchEvent(event);
}

点击增加item

@OnClick(R.id.tv_add)//这里的id是需要点击的button的id
public void addItem(){
CombinationItemView combinationItemView = new CombinationItemView(getActivity());
//获取button在布局中的position(parent为LinearLayout)
int i = container.indexOfChild(tvAdd);
//将动态生成的item添在button原来的位置上
container.addView(combinationItemView,i);
}