在附图中我试图实现ui按钮的对齐,我已经相当成功地做到了,但问题是,它在不同的屏幕尺寸上不太可靠。 我是在属性“android:layout_marginRight =”60dp“”的帮助下完成的,如果我在大分辨率屏幕上查看它会导致问题(“登录”按钮向右移动)。
是的,我在登录按钮下面有更多的UI视图(我没有包含在图像中)。
如何一般地实现这种布局? 更新: 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 :(得分:-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"/>