2012-01-04 90 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