有个界面的设计是EditText里的文字需要右对齐,而且需要有hint,即提示语。于是写了个EditText如下:
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical|right"
android:hint="Hello World!"/>
嘛,很正常的写法,但是效果并不理想,因为光标出现在了hint文字的左边,如下图:
起初也没太在意,但产品和测试说非要光标显示在hint文字的右边。。。然而Google大半天都没找到很好的解决方法。
据说为EidtText添加android:textCursorDrawable="@null"这个属性可以解决这个问题,但遗憾的是并不是所有的手机都有效。。。于是跟产品说这个改不了,要不你改设计成左对齐吧。为了增加说服力,我还加了一句“或者你帮我找一个能实现你要的效果的app,我反编译来看看能不能找出人家是怎么实现的,不然真做不了”。结果一分钟后就被打脸了。
这TM就尴尬了。。。但是这看起来有点奇怪,觉不觉得光标与hint文字之间的距离有点大,这可能不是仅仅用一个EditText来实现的,当然也很有可能是那个叹号是中文字符的原因,但反正我的灵感就来了:
不要仅仅用一个EditText来实现。用一个TextView和一个EditText,TextView在上EditText在下,hint文字用TextView来呈现,EditText添加一个addTextChangedListener,当没有输入时TextView显示否则隐藏。TextView设置一点点marginRight显示在光标的左边。
下面是完整的代码和效果图:
XML布局文件:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="com.eichinn.practice.MainActivity">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<EditText
android:id="@+id/et"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="right|center_vertical" />
<TextView
android:id="@+id/tv"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginRight="6dp"
android:gravity="right|center_vertical"
android:background="@null"
android:text="Hello World!"/>
</FrameLayout>
</LinearLayout>
java代码文件:
public class MainActivity extends AppCompatActivity {
private EditText et;
private TextView tv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
et = (EditText) findViewById(R.id.et);
tv = (TextView) findViewById(R.id.tv);
et.addTextChangedListener(new TextWatcher() {
@Override
public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {
}
@Override
public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
if (TextUtils.isEmpty(charSequence)) {
tv.setVisibility(View.VISIBLE);
} else {
tv.setVisibility(View.GONE);
}
}
@Override
public void afterTextChanged(Editable editable) {
}
});
}
}
效果图:
这是目前我能想到的最简单的实现方法了,当然最好是能够找到一个android系统提供的方法,比如设置一个属性什么的,然而遗憾的是目前并没有找到。