如何使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之類的東西