Question

需要适用于Android应用程序的iphone组表格视图（截图中的用户名和密码字段）。

我们能否在Android应用中设计相同的屏幕（具有圆角的用户名和密码，用线分隔，具有键值对作为截图）？如果是这样，请分享代码示例。

enter image description here

先谢谢。

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文件夹中的edittext_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所提到的。

需要Android的组表视图

2 个答案: