如何使iphone像Android的登錄屏幕

Question

我需要在Android中創建一個登錄屏幕，看起來像這樣。

我有白色的矩形圖像，但該圖像比屏幕大。 因此，無論何時我將該圖像應用於linearlayout（具有edittext和按鈕）.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> 

@風格/ 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> 

@繪製/ 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> 

@繪製/ 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