解决EditText文字右对齐时光标出现在hint文字的左边的问题

有个界面的设计是EditText里的文字需要右对齐,而且需要有hint,即提示语。于是写了个EditText如下:

<EditText   
    android:layout_width="match_parent"   
    android:layout_height="wrap_content"   
    android:gravity="center_vertical|right"   
    android:hint="Hello World!"/>

嘛,很正常的写法,但是效果并不理想,因为光标出现在了hint文字的左边,如下图:

《解决EditText文字右对齐时光标出现在hint文字的左边的问题》

起初也没太在意,但产品和测试说非要光标显示在hint文字的右边。。。然而Google大半天都没找到很好的解决方法。
据说为EidtText添加android:textCursorDrawable=”@null”这个属性可以解决这个问题,但遗憾的是并不是所有的手机都有效。。。于是跟产品说这个改不了,要不你改设计成左对齐吧。为了增加说服力,我还加了一句“或者你帮我找一个能实现你要的效果的app,我反编译来看看能不能找出人家是怎么实现的,不然真做不了”。结果一分钟后就被打脸了。

《解决EditText文字右对齐时光标出现在hint文字的左边的问题》

这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) {            
            }        
        });    
    }
}

效果图:

《解决EditText文字右对齐时光标出现在hint文字的左边的问题》

这是目前我能想到的最简单的实现方法了,当然最好是能够找到一个android系统提供的方法,比如设置一个属性什么的,然而遗憾的是目前并没有找到。

    原文作者:ei_chinn
    原文地址: https://www.jianshu.com/p/a7e88cedce1d
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞