【问题标题】:android align a view to the bottom right of a viewandroid将视图对齐到视图的右下角
【发布时间】:2012-01-05 11:07:27
【问题描述】:

在附图中,我试图实现 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>

【问题讨论】:

  • 发布您的父布局。不要硬编码它。使用 android:gravity="center_horizo​​ntal|center_vertical" 和 android:layout_gravity="center_horizo​​ntal|center_vertical"
  • 能否请您发布布局的相关部分?
  • 你想把它放在极端的底部对吗?
  • @RaghavChopra:不,我不希望它在最右边。我想要的是我在图像中显示的那样(或者如果它至少可以与第二个编辑文本右下对齐)
  • @all:我已经更新了页面的 xml 架构,请协助。

标签: android android-layout screen-resolution right-align


【解决方案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"/>

【讨论】:

  • 你的做法和我一样.
猜你喜欢
  • 2012-05-11
  • 2011-11-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-07-15
  • 1970-01-01
  • 2018-03-01
  • 1970-01-01
相关资源
最近更新 更多