android自定义布局

很早之前实现了一个很简单的自定义布局，即继承自现有的布局，来实现自己功能的一些扩展，虽然比较简单，但是也很具有代表性，所以就记录下来吧

先看下效果吧：

可以看到，这个效果类似于注册登录的文本框，只不过这里我使用了一个布局将多个android提供的原生控件封装起来了

自定义布局的步骤：

• 编写自定义布局的布局文件
• 继承自现有的布局，或者ViewGroup
• 在xml中使用该布局

编写布局文件

activity_zuhe.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:clipToPadding="true" android:fitsSystemWindows="true" >

    <EditText  android:id="@+id/edittext" android:layout_width="fill_parent" android:layout_height="80px" android:background="#009959" android:singleLine="true" />

    <TextView  android:id="@+id/textview" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignRight="@+id/edittext" android:background="#00000000" android:clickable="true" android:layout_centerVertical="true" android:text="删除" android:textColor="#ff0000" android:visibility="gone" />

</RelativeLayout>

继承自现有布局或ViewGroup

public class CancelEdit extends LinearLayout implements EditInterface{
    // 文本框
    EditText mEditText = null;
    // 删除提示
    TextView mTextView = null;

    public CancelEdit(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        LayoutInflater layoutInflater = LayoutInflater.from(context);
        layoutInflater.inflate(R.layout.activity_zuhe,this,true);
        mEditText = (EditText) findViewById(R.id.edittext);
        mTextView = (TextView) findViewById(R.id.textview);

        mEditText.addTextChangedListener(new TextWatcher() {

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {

            }

            @Override
            public void beforeTextChanged(CharSequence s, int start, int count,
                    int after) {

            }

            @Override
            public void afterTextChanged(Editable s) {
                // 根据当前的内容是否==""来决定是否显示删除文字
                if (s != null && s.length() == 0) {
                    hiddenCancel();
                } else {
                    showCancel();
                }
            }
        });

        mTextView.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                mEditText.setText("");
            }
        });

    }

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

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

    @Override
    public void hiddenCancel() {
        mTextView.setVisibility(View.GONE);
    }

    @Override
    public void showCancel() {
        mTextView.setVisibility(View.VISIBLE);
    }

}

// 自己定义接口，用来控制显示和隐藏当前删除按钮
interface EditInterface {
    public void hiddenCancel();
    public void showCancel();
}

在xml中使用该布局

<com.example.zuhe.CancelEdit
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#009959"
        android:clipToPadding="true"
        android:fitsSystemWindows="true" />

ok，代码比较简单，可以看到现在已经实现了一个基本的自定义layout，虽然比较简单，也米有什么太多的技术含量，但是很有代表性，故作此记录。