如何使iPhone像Android中的登录屏幕

Question

我需要在android中创建一个如下所示的登录屏幕。

我有白色矩形图像，但该图像大于屏幕。 所以每当我将该图像应用于linearlayout（具有edittext和button）.linearlayout就会填满整个屏幕。

我知道这是一个非常初学者的问题，但是如何制作此屏幕？ 而且我还希望该白色图像可以在每个

Answer 1

您需要创建一些可绘制对象（XML），其中1个用于背景（因此您可以添加圆角），另外一个1个用于按钮，您将在其中添加渐变和笔触。

编辑：添加了一个示例。

结果：

Layout.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#d4d4d4" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="4dp"
        android:layout_marginRight="4dp"
        android:layout_marginTop="15dp"
        android:background="@drawable/round_borders"
        android:orientation="vertical"
        android:paddingTop="40dp" >

        <EditText
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="10dp"
            android:paddingBottom="0dp"
            android:paddingTop="0dp"
            android:singleLine="true"
            android:text="username" />

        <EditText
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="10dp"
            android:paddingBottom="0dp"
            android:paddingTop="0dp"
            android:singleLine="true"
            android:text="password" />

        <Button
            style="@style/OrangeButtons"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="40dp"
            android:gravity="center"
            android:paddingBottom="3dp"
            android:paddingTop="3dp"
            android:text="Log in" />
    </LinearLayout>
</RelativeLayout>

@ style / OrangeButtons

<style name="OrangeButtons">
    <item name="android:gravity">center</item>
    <item name="android:textColor">#FFFFFF</item>
    <item name="android:focusable">true</item>
    <item name="android:background">@drawable/orange_button</item>
</style>

@ drawable / orange_button

<?xml version="1.0" encoding="utf-8"?>
<selector
    xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true" >
        <shape>
            <gradient
                android:startColor="#f29d00"
                android:endColor="#d96c00"
                android:angle="270" />
            <stroke
                android:width="1dp"
                android:color="#fade96" />
            <corners
                android:radius="15dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>

    <item android:state_focused="true" >
        <shape>
            <gradient
                android:endColor="#f29d00"
                android:startColor="#d96c00"
                android:angle="270" />
            <stroke
                android:width="1dp"
                android:color="#fade96" />
            <corners
                android:radius="15dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>

    <item>        
        <shape>
            <gradient
                android:endColor="#f29d00"
                android:startColor="#d96c00"
                android:angle="90" />
            <stroke
                android:width="1dp"
                android:color="#fade96" />
            <corners
                android:radius="15dp" />
            <padding
                android:left="10dp"
                android:top="10dp"
                android:right="10dp"
                android:bottom="10dp" />
        </shape>
    </item>
</selector>

@ drawable / round_borders

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@android:color/white" />
    <padding android:left="20dp" android:top="35dp"
            android:right="20dp" android:bottom="15dp" />
    <corners android:radius="8dp" />
</shape>

Answer 2

您可以将布局背景设置为白色`android：background =“＃FFFFFFFF”或类似的东西。 您还可以查看形状可绘制对象http://developer.android.com/guide/topics/resources/drawable-resource.html#Shape ，在xml中使用诸如solid之类的东西