0

我试图实现这样的目标：

在此处输入图像描述

到目前为止，我的代码是：

   <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >

        <Button
            android:id="@+id/btemail"
            android:layout_width="130dp"
            android:layout_height="130dp"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:layout_marginBottom="45dp"
            android:layout_marginLeft="34dp"
            android:drawableTop="@drawable/mail"
            android:text="E-mail"
            android:textAppearance="?android:attr/textAppearanceSmall" />

        <Button
            android:id="@+id/btcharts"
            android:layout_width="130dp"
            android:layout_height="130dp"
            android:layout_above="@+id/btemail"
            android:layout_alignLeft="@+id/btemail"
            android:background="@android:color/transparent"
            android:drawableTop="@drawable/chart"
            android:drawablePadding="-35dp"
            android:text="Charts"
            android:textAppearance="?android:attr/textAppearanceSmall"  />

        <Button
            android:id="@+id/bthistory"
            android:layout_width="130dp"
            android:layout_height="130dp"
            android:layout_alignBaseline="@+id/btemail"
            android:layout_alignBottom="@+id/btemail"
            android:layout_toRightOf="@+id/btemail"
            android:drawableTop="@drawable/list"
            android:text="History"
            android:textAppearance="?android:attr/textAppearanceSmall" />

        <Button
            android:id="@+id/btimport"
            android:layout_width="130dp"
            android:layout_height="130dp"
            android:layout_alignLeft="@+id/bthistory"
            android:layout_alignTop="@+id/btcharts"
            android:drawableTop="@drawable/add"
            android:text="New Measurement"
            android:textAppearance="?android:attr/textAppearanceSmall" />

    </RelativeLayout>

我的看法是这样的：

在此处输入图像描述

这可以仅使用相对视图完成还是应该使用gridview？

如果我设置 android:layout_height="130dp" 但不同屏幕的图标大小不同“50x50 66x66 98x98 130x130”。不同屏幕会有问题吗？有没有办法动态实现它？

如何将图表按钮的图标中心垂直和水平放置????因为现在它有点向上中心..

4

2 回答 2

2

我建议您将RelativeLayout文本和背景以及按钮放入TableLayout或GridLayout（具有适当的边距）将嵌套在其父级 -RelativeLayout中。

于 2013-02-18T18:43:26.563 回答
1

dp 或 dip 度量是密度为 160 或 mdpi 的像素数，因此您将布局文件夹上的大小设置为 mdpi 中的像素，并按下表缩放其他大小：

  • xhdpi: 2.0
  • 高清：1.5
  • mdpi：1.0（基线）
  • 低密度脂蛋白：0.75

有关更多信息，请参阅此和此

编辑：我相信做这个布局的最好方法是将所有按钮都放在一个线性布局中，并有一个相对布局作为根，并通过重力或类似的东西来对齐线性布局。

我的例子：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:layout_marginBottom="42dp"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <Button
            android:id="@+id/btcharts"
            android:layout_width="130dp"
            android:layout_height="130dp"
            android:drawablePadding="-35dp"
            android:drawableTop="@drawable/chart"
            android:text="Charts"
            android:textAppearance="?android:attr/textAppearanceSmall" />

        <Button
            android:id="@+id/btimport"
            android:layout_width="130dp"
            android:layout_height="130dp"
            android:drawableTop="@drawable/add"
            android:text="New Measurement"
            android:textAppearance="?android:attr/textAppearanceSmall" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp" >

        <Button
            android:id="@+id/btemail"
            android:layout_width="130dp"
            android:layout_height="130dp"
            android:drawableTop="@drawable/mail"
            android:text="E-mail"
            android:textAppearance="?android:attr/textAppearanceSmall" />

        <Button
            android:id="@+id/bthistory"
            android:layout_width="130dp"
            android:layout_height="130dp"
            android:drawableTop="@drawable/list"
            android:text="History"
            android:textAppearance="?android:attr/textAppearanceSmall" />
    </LinearLayout>
</LinearLayout>

我不知道它是否全部对齐，因为我在这里没有您的可绘制对象，但我认为您可以从中改进，您的“图表”按钮也不同，因为它具有透明背景。

于 2013-02-18T19:13:30.383 回答