1.自定义view类
public
class MDTextInputLayout extends RelativeLayout implements TextWatcher {
private EditText editText; //輸入
private TextView textView; //底部展示
public MDTextInputLayout(Context context) {
super(context);
init(context, null);
}
public MDTextInputLayout(Context context, AttributeSet attrs) {
super(context, attrs);
init(context, attrs);
}
public MDTextInputLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context, attrs);
}
private void init(Context context, AttributeSet attrs) {
TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.CustomTextInput, 0, 0);
String bottomText = a.getString(R.styleable.CustomTextInput_bottomText);
float bottomSize = a.getDimension(R.styleable.CustomTextInput_bottomSize, 12);
int bottomColor = a.getColor(R.styleable.CustomTextInput_bottomColor, Color.BLUE);
Logger.i(bottomSize + " size");
editText = new EditText(context);
editText.setHint(bottomText);
editText.setPadding(0, 10, 10, 10);
editText.setTextSize(14);
editText.setBackgroundColor(Color.WHITE);
textView = new TextView(context);
textView.setTextSize(bottomSize);
textView.setText(bottomText);
textView.setTextColor(bottomColor);
editText.addTextChangedListener(this);
addView(textView);
addView(editText);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
/**
* 获得此ViewGroup上级容器为其推荐的宽和高，以及计算模式
*/
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
int sizeHeight = MeasureSpec.getSize(heightMeasureSpec);
// 计算出所有的childView的宽和高
measureChildren(widthMeasureSpec, heightMeasureSpec);
/**
* 记录如果是wrap_content是设置的宽和高
*/
int height = 0;
MarginLayoutParams cParams;
/**
* 根据childView计算的出的宽和高，以及设置的margin计算容器的宽和高，主要用于容器是warp_content时
*/
for (int i = 0; i < getChildCount(); i++) {
View childView = getChildAt(i);
int cHeight = childView.getMeasuredHeight();
cParams = (MarginLayoutParams) childView.getLayoutParams();
height += cHeight + cParams.topMargin + cParams.bottomMargin;
}
/**
* 如果是wrap_content设置为我们计算的值
* 否则：直接设置为父容器计算的值
*/
setMeasuredDimension(getMeasuredWidth(), (heightMode == MeasureSpec.EXACTLY) ? sizeHeight : height);
}
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
final int height = editText.getMeasuredHeight();
final int paddingLeft = editText.getPaddingLeft();
final int paddingTop = editText.getPaddingTop();
String src = editText.getText().toString();
editText.layout(0,
(getHeight() - editText.getMeasuredHeight()) / 2,
getMeasuredWidth(),
(getHeight() + editText.getMeasuredHeight()) / 2);
if (src.length() == 0) {
editText.layout(0,
(getHeight() - editText.getMeasuredHeight()) / 2,
getMeasuredWidth(),
(getHeight() + editText.getMeasuredHeight()) / 2);
textView.setVisibility(GONE);
textView.layout(paddingLeft, paddingTop, getMeasuredWidth(), textView.getMeasuredHeight() + paddingTop);
} else {
editText.layout(0, 0, getMeasuredWidth(), editText.getMeasuredHeight());
textView.setVisibility(VISIBLE);
textView.layout(paddingLeft, height, getMeasuredWidth(), textView.getMeasuredHeight() + height);
}
}
@Override
public void beforeTextChanged(CharSequence s, int start, int count, int after) {
}
@Override
public void onTextChanged(CharSequence s, int start, int before, int count) {
}
@Override
public void afterTextChanged(Editable s) {
postInvalidate();
}
public String getInputText() {
return editText.getText().toString();
}
2.定义属性
<declare-styleable name=
"CustomTextInput">
<attr name=
"bottomColor" format=
"color" />
<attr name=
"bottomText" format=
"string" />
<attr name=
"bottomSize" format=
"dimension" />
</declare-styleable>
3.使用
<LinearLayout style=
"@style/register_linear_trainee_layout">
<TextView
style=
"@style/register_label"
android:text=
"密码" />
<com.ycx.driver.utils.widget.view.MDTextInputLayout
android:id=
"@+id/milPassword"
android:layout_width=
"match_parent"
android:layout_height=
"wrap_content"
android:background=
"@color/color_white"
coustom:bottomColor=
"@color/color_register_error"
coustom:bottomSize=
"12px"
coustom:bottomText=
"请输入在东方时尚注册时所填密码">
</com.ycx.driver.utils.widget.view.MDTextInputLayout>
</LinearLayout>
