2012-01-04 109 views
0

Sample UI which I am trying機器人對齊視圖到視圖

在所附的圖像,我想實現一個用戶界面按鈕的排列的右下方,我已經非常成功地做到這一點,但問題是,它不是很可靠跨越不同的屏幕尺寸。 我與屬性的幫助下做了「機器人:layout_marginRight =」 60dp「」這是造成問題(「登錄」按鈕移動到右側),如果我認爲它的大分辨率的屏幕上。

是的,我有低於登錄按鈕,(我還沒有包含在圖像)幾個用戶界面中查看。

如何實現一般這種佈局? 更新: XML佈局模式

<LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="20dip" 
     android:gravity="center_horizontal" 
     android:orientation="horizontal" > 

     <TextView 
      android:id="@+id/textView1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginBottom="10dip" 
      android:layout_marginTop="10dip" 
      android:text="@string/login" 
      android:textColor="@color/blue_txt" 
      android:textSize="20sp" 
      android:textStyle="bold" /> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:gravity="center_horizontal" 
     android:orientation="horizontal" > 

     <EditText 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="10dip" 
      android:layout_weight="0.0" 
      android:background="@drawable/rounded_edittext" 
      android:ems="10" 
      android:hint="Email or User name" 
      android:typeface="serif" > 

     </EditText> 
    </LinearLayout> 

    <EditText 
     android:id="@+id/password" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_margin="10dip" 
     android:background="@drawable/rounded_edittext" 
     android:ems="10" 
     android:hint="Password" 
     android:inputType="textPassword" 
     android:textStyle="normal" 
     android:typeface="serif" /> 

    <RelativeLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" > 

     <Button 
      android:id="@+id/button1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:layout_marginRight="60dp" 
      android:layout_marginTop="10dip" 
      android:background="@drawable/loginpage_btn" 
      android:text="@string/login_btn_text" 
      android:textColor="@color/white" /> 
    </RelativeLayout> 

    <TextView 
     android:id="@+id/textView2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="35dip" 
     android:text="@string/login_no_account" 
     android:textColor="@color/blue_txt" 
     android:textSize="20sp" 
     android:textStyle="bold" 
     android:textStyle="bold" /> 

    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="30dip" 
     android:src="@drawable/login" /> 

    <Button 
     android:id="@+id/button1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center_horizontal" 
     android:layout_marginTop="10dip" 
     android:background="@drawable/loginpage_btn" 
     android:text="@string/login_signup" 
     android:textColor="@color/white" /> 
</LinearLayout> 
+0

發表您的父母佈局。不要硬編碼它。使用Android:重力= 「CENTER_HORIZONTAL | center_vertical」 和android:layout_gravity = 「CENTER_HORIZONTAL | center_vertical」 – 2012-01-04 11:07:59

+0

能否請您發表您的佈局中的相關部分? – 2012-01-04 11:14:39

+0

你想要在極端的botton上嗎? – 2012-01-04 11:42:00

回答

-1

嘗試這種佈局

更新

<RelativeLayout android:layout_width="fill_parent" android:layout_height="fill_parent" 
android:padding="10dp"> 
<EditText android:layout_width="fill_parent" android:layout_height="wrap_content" 
     android:id="@+id/edit1" /> 
<EditText android:layout_width="fill_parent" android:layout_height="wrap_content" 
     android:id="@+id/edit2" android:layout_below="@id/edit1" android:layout_marginTop="5dp"/> 
<Button android:layout_width="wrap_content" android:layout_height="wrap_content" 
     android:id="@+id/button1" android:layout_below="@id/edit2" android:text="Login" 
     android:layout_marginTop="5dp" android:layout_alignParentRight="true" android:layout_marginRight="60dp"/> 

+0

這是NT workingg – 2012-01-04 11:40:57

+0

檢查更新的答案 – Pratik 2012-01-04 11:45:26

+1

你也正在做的,因爲我做的Android以同樣的方式:layout_marginRight =「60dp」它不會顯示在不同的分辨率marginRight =「60dp」同樣會少/多爲某些設備。 – dcool 2012-01-05 02:59:52