Android 笨办法实现editText动态输入框

自己在做app数字输入的时候，看到挖财记账的记一笔中的输入效果，感觉很是舒服，于是决定自己撸一个

先看看挖财的效果：



有两种方式可以实现：

1.自定义View来实现此控件，也就是重写下editText的代码，重写覆盖他的检测逻辑，来实现实时更新text。

2.通过添加新的textView，给editText添加textWeather监听输入，然后判断再根据实际需求来更新textView。

当然我这里为了快速出效果直接操作第二种：

布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="15dp">
<android.support.design.widget.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="100dp">
<android.support.design.widget.TextInputEditText
android:id="@+id/fragment_account_book_num"
android:layout_width="match_parent"
android:layout_height="50dp"
android:textColor="@color/colorAccent"
android:background="@null"
android:inputType="numberDecimal"
android:hint="输入金额"
android:cursorVisible="false"
android:text=""/>
<TextView
android:id="@+id/test_text"
android:layout_width="match_parent"
android:layout_height="50dp"
android:text="0.00"
android:textColor="@color/colorAccent"
android:layout_alignParentBottom="true"/>
</RelativeLayout>
</android.support.design.widget.TextInputLayout>

</LinearLayout>

核心代码：（这里我的检测是这样，小数点前不管，小数点后两位）

rootView = inflater.inflate(R.layout.fragment_account_book,container,false);
inputEditText = (TextInputEditText)rootView.findViewById(R.id.fragment_account_book_num);
final TextView test_text = (TextView)rootView.findViewById(R.id.test_text);
//添加文字改变监听
inputEditText.addTextChangedListener(new TextWatcher(){
@Override
public void beforeTextChanged(CharSequence s,int start,int count,int after){
}

@Override
public void onTextChanged(CharSequence s,int start,int before,int count){
String str = s.toString();
Log.i(TAG,"onTextChanged: text变化: "+str);
if(str.contains(".")) {
Log.i(TAG,"onTextChanged: 到了位置。");
String lastS = str.substring(str.indexOf(".")+1,str.length());
str = str.substring(0,str.indexOf("."));
switch(lastS.length())
{
case 0:
test_text.setText(str+".00");
break;
case 1:
test_text.setText(str+"."+lastS+"0");
break;
case 2:
test_text.setText(str+"."+lastS);
break;
default://超过两位，不变化，而且值保留两位，不再多保存，防止一直删除确看起来删除不了的bug
str = str + "." + lastS.substring(0,2);

inputEditText.setText(str);
inputEditText.setSelection(str.length());//设置光标位置到最后，避免输入从头开始的bug
break;
}
}
else if(!str.trim().equals("")){
test_text.setText(str+".00");
}
else
{
test_text.setText("0.00");
}
}

@Override
public void afterTextChanged(Editable s){

}
});

代码是不是很简单，下面讲注意的几点：

1.editText所有效果都要没有或者说是和背景融为一体

2.textView放到原来editText显示的。

下面来看看效果：



效果基本都达到了，剩下的就是调整editText不显示，textView显示，以及textView的位置了，就不再说了。

附上调整后的布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="15dp">
<android.support.design.widget.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp">
<android.support.design.widget.TextInputEditText
android:id="@+id/fragment_account_book_num"
android:layout_width="match_parent"
android:layout_height="50dp"
android:textColor="@color/colorAccent"
android:textSize="0dp"
android:background="@null"
android:inputType="numberDecimal"
android:cursorVisible="false"
android:text=""/>
<TextView
android:id="@+id/test_text"
android:layout_width="match_parent"
android:layout_height="50dp"
android:text="0.00"
android:textColor="@color/colorAccent"
android:textAlignment="gravity"
android:gravity="center_vertical"
android:textSize="18dp"/>
</RelativeLayout>
</android.support.design.widget.TextInputLayout>

</LinearLayout>

以及最终效果：