2013-04-23 55 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上视图(用户名,密码)。