我怎样才能实现这种布局?

时间:2011-05-15 05:38:37

标签: android user-interface button menu android-layout

我试图在Android应用程序布局中实现这一点。 enter image description here

到目前为止,我已经设法按照我希望的方式获取按钮,但是我无法弄清楚我将如何实现分隔符和右侧的布局。

这是我到目前为止所做的:

<?xml version="1.0" encoding="utf-8"?>
<!-- this is main activity's layout. a main menu of sorts. -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:gravity="center" android:background="@drawable/background">
<RelativeLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center" android:id="@+id/layout_maintest2_relativelayoutleft">
    <Button android:text="@string/string_main_NewCalculation" android:drawableLeft="@drawable/calculator5" android:onClick="onClickButton_NewCalculation" android:id="@+id/button_main_NewCalculation" android:layout_width="300px" android:layout_height="90px" android:drawablePadding="0px"></Button>
    <Button android:text="@string/string_main_Help" android:drawableLeft="@drawable/question" android:onClick="onClickButton_Help" android:id="@+id/button_main_Help" android:layout_width="150px" android:layout_height="90px" android:drawablePadding="0px" android:layout_below="@id/button_main_NewCalculation"></Button>
    <Button android:text="@string/string_main_Share" android:drawableLeft="@drawable/share" android:onClick="onClickButton_Share" android:id="@+id/button_main_Share" android:layout_width="150px" android:layout_height="90px" android:drawablePadding="0px" android:layout_below="@id/button_main_NewCalculation" android:layout_toRightOf="@id/button_main_Help"></Button>
</RelativeLayout>
<RelativeLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/layout_maintest2_relativelayoutright" android:layout_toRightOf="@id/layout_maintest2_relativelayoutleft" android:layout_alignTop="@id/layout_maintest2_relativelayoutleft">
    <TextView android:layout_width="wrap_content" android:textSize="24px" android:textStyle="bold" android:layout_height="match_parent" android:id="@+id/textView_calculator_CalculatorTitle" android:text="@string/string_calculator_CalculatorTitle"></TextView>
</RelativeLayout>
</LinearLayout>

1 个答案:

答案 0 :(得分:1)

很难从您上传的图片中看出来但是您是否想要将两个相对布局并排保留?

您可以尝试通过声明布局将其绘制到父级或另一侧的一侧来定位布局。我现在无法忘记我的头脑,我知道这是一个糟糕的答案,但我认为答案就在这里的某个地方

http://developer.android.com/guide/topics/ui/layout-objects.html

看看android:layout_alignParentRight =“true”声明。

我很确定我之前使用类似的东西在同一个父母中定位多个视图和按钮。尝试一下,当我星期一回到我的工作电脑时,看看我的项目,看看我知道哪一个效果最好。