使用顯示密碼按鈕設計密碼文本

Question

我想設計EditText密碼顯示密碼imageView。但是我不能正確設計它，因爲我看不到ImageView，因爲EditText's layout_width="fill_parent"。當我將其更改爲wrap_content時，我可以看到我的ImageView，但在UI中看起來很糟糕。是否可以設計它而不給定尺寸？

這是我的代碼;

 <android.support.design.widget.TextInputLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="8dp" 
      android:orientation="horizontal" 
      android:layout_marginBottom="8dp"> 

      <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       android:layout_width="fill_parent" 
       android:layout_height="fill_parent" 
       android:orientation="horizontal"> 

      <EditText 
       android:id="@+id/registerPassword" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:hint="@string/register_password" 
       android:inputType="textPassword" /> 
      <ImageView 
       android:id="@+id/fragment_login_password_visibility" 
       android:layout_height="wrap_content" 
       android:layout_width="wrap_content" 
       android:src="@android:drawable/ic_partial_secure" 
       android:layout_gravity="center" 
       android:clickable="true"/> 

      </LinearLayout> 
     </android.support.design.widget.TextInputLayout> 

編輯：

機器人：layout_weight = 1個來解決問題。現在我可以看到EditText左邊的ImageView。但是現在，我TextInputLayout提示不起作用。

Answer 1

第一組LinearLayout 「1」 android:weightSum。然後，分別將EditText的android:layout_width和android:layout_weight設置爲「0dp」和「1」。

Answer 2

你嘗試使用重量？

android:layout_weight="1"

和

android:layout_width="0dp"或android:layout_width="wrap_content"

<android.support.design.widget.TextInputLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="8dp" 
     android:orientation="horizontal" 
     android:layout_marginBottom="8dp"> 

     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:orientation="horizontal"> 

     <EditText 
      android:id="@+id/registerPassword" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:hint="@string/register_password" 
      android:inputType="textPassword" /> 

     <ImageView 
      android:id="@+id/fragment_login_password_visibility" 
      android:layout_height="wrap_content" 
      android:layout_width="wrap_content" 
      android:src="@android:drawable/ic_partial_secure" 
      android:layout_gravity="center" 
      android:clickable="true"/> 

     </LinearLayout> 
    </android.support.design.widget.TextInputLayout> 

Answer 3

您不需要使用ImageView。

支持庫在recent update（修訂版24.2.0 - 2016年8月）中添加了對密碼可見性切換的支持。

嘗試：

setPasswordVisibilityToggleDrawable（INT渣油）

設置爲使用密碼的可視性切換按鈕的圖標。

https://developer.android.com/reference/android/support/design/widget/TextInputLayout.html

Answer 4

試試這個：

<LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="horizontal"> 
      <EditText 
       android:id="@+id/editText" 
       android:layout_weight="1" 
       android:layout_width="0dp" 
       android:layout_height="wrap_content" 
       android:hint="Password" 
       android:singleLine="true" 
       android:textSize="25sp" 
       android:paddingRight="60dp" 
       /> 
      <ImageButton 
       android:id="@+id/showpass" 
       android:layout_marginLeft="-60dp" 
       style="?android:buttonBarButtonStyle" 
       android:paddingBottom="5dp" 
       android:src="@drawable/pass_ic" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" /> 
     </LinearLayout> 

Answer 5

我建議您使用passwordToggleDrawable一個TextInputLayout。

<android.support.design.widget.TextInputLayout 
      android:id="@+id/textInputPasswordLayout" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      app:passwordToggleContentDescription="Show" 
      app:passwordToggleDrawable="@drawable/ic_password_visibility_selector" 
      app:passwordToggleEnabled="true"> 

      <android.support.design.widget.TextInputEditText 
       android:id="@+id/textInputEditTextPassword" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:ems="10" 
       android:fontFamily="sans-serif-light" 
       android:gravity="bottom" 
       android:hint="@string/enter_your_password"/> 


     </android.support.design.widget.TextInputLayout> 

app:passwordToggleDrawable="@drawable/ic_password_visibility_selector"分配您繪製