16

我对android和练习很陌生。我正在尝试设计一个屏幕。它将包含一个背景图像和一个带有滑动菜单的浮动容器。(更多详情请查看附件图片)

我的布局包括一个背景图像,一个带有一些图标的容器,这些图标漂浮在底部,但底部有一些边距(见附图)

据我所知,这可以通过在底部安排“相对布局”并将图像放入其中来实现。这是对的吗 ?

另外我想添加一个重复的透明图像作为浮动 div 的背景。

请给我一个好的建议或给我一个好的教程

提前致谢

在此处输入图像描述

4

5 回答 5

36

您可以使用LinearLayout并将layout_weight设置为 % inxml

至于重复背景,您可以使用tileMode

示例:注意 weightSum 设置为100,表示总重量为100。拥有layout_weight=10会给它10%空间分配。

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:layout_gravity="bottom"
    android:weightSum="100">
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="10"
        android:background="@drawable/bg"
        android:orientation="horizontal"
        android:tileMode="repeat" >
    </LinearLayout>
    <View 
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="5" />
</LinearLayout>
于 2013-05-24T09:34:41.560 回答
4

您可以使用新的百分比支持库来实现这一点: https ://developer.android.com/tools/support-library/features.html#percent

通过做这样的事情:

<android.support.percent.PercentRelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <View
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_alignParentBottom="true"
        app:layout_heightPercent="11%"
        app:layout_widthPercent="100%" />

</android.support.percent.PercentRelativeLayout>
于 2015-08-24T07:10:42.660 回答
1

如果你想以百分比划分高度,那么你需要一个具有水平方向的线性布局并为每个项目添加 layout_weight 。

线性布局指南

于 2013-05-24T09:36:09.900 回答
0

根据您的要求,任何布局都可以。您也可以通过线性布局来实现这一点。如果我正确理解您的要求,请查看此讨论。

如何使android应用程序的背景图像重复

于 2013-05-24T09:37:24.307 回答
0
<view android:layout_width="wrap_content"
      class="net.zel.percentage.PercentageButton"
      android:id="@+id/button"
      android:layout_height="wrap_content"

      customView:percentage_width="50"
      customView:percentage_height="50"

      />

so you can add the desired attributes in a library
https://github.com/metrolog3005/percentage_view

于 2014-01-09T13:21:20.333 回答