2013-04-23 62 views
-4

輸入文本視圖在這個截圖:如何顯示在Android的

enter image description here

我正在尋找解決方案,使用戶界面更體面。我喜歡輸入框的藍線,但它只顯示用戶名或密碼。讓用戶名和密碼下面出現2條藍線的最簡單方法是什麼?

乾杯

這是我迄今試圖

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:background="@color/myBackground" 
    tools:context=".MainActivity" > 

    <ImageView 
      android:id="@+id/imageView1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:layout_marginTop="20dp" 
      android:src="@drawable/voicemeno" /> 

     <TextView 
      android:id="@+id/userName" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:layout_marginTop="40dp" 
      android:layout_below="@+id/imageView1" 
      android:text="User Name" 
      android:textAppearance="?android:attr/textAppearanceMedium" 
      android:textColor="@color/myText" /> 

     <EditText 
      android:id="@+id/userNameInput" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:layout_marginTop="5dp" 
      android:layout_below="@+id/userName" 
      android:ems="10" 
      android:inputType="textPersonName" 
      android:textColor="@color/myText" 
      android:textCursorDrawable="@null" > 
     </EditText> 

     <TextView 
      android:id="@+id/password" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:layout_marginTop="40dp" 
      android:layout_below="@+id/userNameInput" 
      android:text="Password" 
      android:textAppearance="?android:attr/textAppearanceMedium" 
      android:textColor="@color/myText" /> 

     <EditText 
      android:id="@+id/passwordInput" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_centerHorizontal="true" 
      android:layout_marginTop="5dp" 
      android:layout_below="@+id/password" 
      android:ems="10" 
      android:inputType="textPassword" 
      android:textColor="@color/myText" 
      android:textCursorDrawable="@null" > 
     </EditText> 
</RelativeLayout> 
+1

解釋問題! – 2013-04-23 08:27:05

+0

你想要什麼? – 2013-04-23 08:27:38

+0

你的代碼似乎很好。嘗試切換到「LinearLayout」,看看會發生什麼。 – 2013-04-23 08:32:09

回答

1

編輯:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     xmlns:tools="http://schemas.android.com/tools" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:background="@color/myBackground" 
     tools:context=".MainActivity" 
     android:selectAllOnFocus="true"> 

     <ImageView 
       android:id="@+id/imageView1" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerHorizontal="true" 
       android:layout_marginTop="20dp" 
       android:src="@drawable/voicemeno" /> 

      <TextView 
       android:id="@+id/userName" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerHorizontal="true" 
       android:layout_marginTop="40dp" 
       android:layout_below="@+id/imageView1" 
       android:text="User Name" 
       android:textAppearance="?android:attr/textAppearanceMedium" 
       android:textColor="@color/myText" /> 

      <EditText 
       android:id="@+id/userNameInput" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerHorizontal="true" 
       android:layout_marginTop="5dp" 
       android:layout_below="@+id/userName" 
       android:ems="10" 
       android:inputType="textPersonName" 
       android:textColor="@color/myText" 
       android:textCursorDrawable="@null" > 
      </EditText> 

      <TextView 
       android:id="@+id/password" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerHorizontal="true" 
       android:layout_marginTop="40dp" 
       android:layout_below="@+id/userNameInput" 
       android:text="Password" 
       android:textAppearance="?android:attr/textAppearanceMedium" 
       android:textColor="@color/myText" /> 

      <EditText 
       android:id="@+id/passwordInput" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerHorizontal="true" 
       android:layout_marginTop="5dp" 
       android:layout_below="@+id/password" 
       android:ems="10" 
       android:inputType="textPassword" 
       android:textColor="@color/myText" 
       android:textCursorDrawable="@null" > 
      </EditText> 
    </RelativeLayout> 
+0

@AnonyLord再次檢查我的答案,我編輯它 – 2013-04-23 08:49:30

+0

@AnonyLord你可以使編輯文本的底部邊界更改爲藍色的風格 – 2013-04-23 09:06:46

+0

@AnthonyLord http://wptrafficanalyzer.in/blog/changing-background-color-and -border-color-of-an-edittext-widget-using-state-list-in-android/ – 2013-04-23 09:13:40

0

你可以使用一個TextView,然後爲每個filds的EditText上視圖(用戶名,密碼)。