android - 需要 Android 的组表视图

Question

Android 应用程序需要 iphone 组表视图（用户名和密码字段如屏幕截图所示）。

我们可以在android应用程序中设计相同的屏幕（具有圆角的用户名和密码，由一行分隔，具有键值对作为屏幕截图）吗？如果可以，请分享代码示例。

预先感谢。

Answer 1

在你的布局文件中试试这个 添加这个 EditText 的

<EditText
                        android:id="@+id/etUsername"
                        android:layout_width="230dp"
                        android:layout_height="40dp"
                        android:layout_marginTop="8dp"
                        android:background="@drawable/edittext_bg_siginusername"
                        android:hint="Email or username"
                        android:textSize="14dp"
                        android:typeface="sans" />

                    <EditText
                        android:id="@+id/etPassword"
                        android:layout_width="230dp"
                        android:layout_height="40dp"
                        android:background="@drawable/edittext_bg_signinpassword"
                        android:hint="Password"
                        android:password="true"
                        android:textSize="14dp"
                        android:typeface="sans" />

在您的 res/drawable 文件夹中编辑text_bg_signinusername.xml

<?xml version="1.0" encoding="UTF-8" ?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android">
  <solid android:color="@color/white" /> 
  <stroke android:width="2dp" android:color="@color/silver002" />   
  <padding android:left="6dp" android:top="2dp" android:right="2dp" android:bottom="2dp" 
      /> 
  <corners
     android:bottomRightRadius="0dp"
     android:bottomLeftRadius="0dp"
  android:topLeftRadius="10dp"
  android:topRightRadius="10dp"/>
</shape>

在 res/drawable 文件夹中的 edittext_bg_signinpassword.xml

<?xml version="1.0" encoding="UTF-8" ?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android">
  <solid android:color="@color/white" /> 
  <stroke android:width="2dp" android:color="@color/silver002" />   
  <padding android:left="6dp" android:top="2dp" android:right="2dp" android:bottom="2dp" 
      /> 
  <corners
     android:bottomRightRadius="10dp"
     android:bottomLeftRadius="10dp"
  android:topLeftRadius="0dp"
  android:topRightRadius="0dp"/>
</shape>

通过使用此形状，您将获得所需的输出.. 我希望这对您有所帮助..

Answer 2

你可以尝试这样的事情：

<TableLayout
    android:background="@drawable/username">
    <TableRow>
        <TextView
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="5"
            android:text="Username" />
        <EditText
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="5"
            android:inputType="textPassword" />
    </TableRow>
    <TableRow>
        <View
            android:layout_width="match_parent"
            android:layout_height="2dp"
            android:background="@android:color/black" />
    </TableRow>
    <TableRow>
        <TextView
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="5"
            android:text="Pasdword" />
        <EditText
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="5"
            android:inputType="textPassword" />
    </TableRow>
</TableLayout>

用户名布局如下：

<?xml version="1.0" encoding="UTF-8" ?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android">
  <solid android:color="@color/white" /> 
  <stroke android:width="2dp" android:color="@color/silver002" />   
  <padding android:left="6dp" android:top="2dp" android:right="2dp" android:bottom="2dp" 
      /> 
  <corners
     android:bottomRightRadius="0dp"
     android:bottomLeftRadius="0dp"
     android:topLeftRadius="10dp"
     android:topRightRadius="10dp"/>
</shape>

类似于 pragnani 提到的。