Question

Map UI

我正在尝试获得类似于上面的结果，但我很难让布局反映出来。到目前为止，我已经设法让按钮位于顶部，但是只要我想将它们移动到底部，我就可以让它们重叠或者完全消失。

我确定这是一个非常简单的布局，但我不能为我的生活得到它。

主视图是MapView，我希望mapview为按钮提供一些空间，基本上只有应用程序背景。

Answer 1

尝试将相对布局作为父级放置到地图视图中。请在下面找到XML代码段：

<!--  Use mapView is relative Layout if you want to do that.. i.e the view should overlay map. --!>

    <RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
 <LinearLayout
        android:id="@+id/TopLinearLayout"
        android:layout_width="fill_parent"
        android:layout_height="200dip"
        android:layout_alignParenttop="true"
        gravity="center" />

    <com.google.android.maps.MapView
        android:id="@+id/mapviewHome"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:apiKey="@string/ApiKey_apk"
        android:clickable="true" />
</LinearLayout>
    <LinearLayout
        android:id="@+id/BottomLinearLayout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        gravity="center" 
layout_above="@+id/TopLinearLayout" />

    <Button android:text="button" />
<!-- your buttton and other components are here --!>

    </RelativeLayout>

Answer 2

尝试使用包含MapView的LinearLayout和包含Buttons的LinearLayout。然后将按钮LinearLayout的权重设置为“1”，将MapView的权重设置为“0”。不确定这是否有效，但值得一试......

<LinearLayout 
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
>
        <com.google.android.maps.MapView 
            android:id="@+id/mapviewHome" 
            android:layout_width="fill_parent" 
            android:layout_height="fill_parent"
            android:apiKey="@string/ApiKey_apk"
            android:clickable="true" 
            android:layout_weight="0"
        /> 
        <LinearLayout 
            android:layout_width="fill_parent" 
            android:layout_height="wrap_content" 
            gravity="center" 
            android:id="@+id/BottomLinearLayout" 
            android:layout_alignParentBottom="true"
            android:layout_weight="1">
            <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button" />
            <!-- your buttton and other components are here -->

        </LinearLayout>
</LinearLayout>

Answer 3

我认为你必须使用RelativeLayout而不是Linearlayout ..不确定但会帮助你。

 >

<RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="50dp"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:id="@+id/header"
    android:background="@drawable/header"
     >



    <ImageView
        android:id="@+id/back"
        android:layout_width="77dp"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:layout_marginBottom="8dp"
        android:layout_marginTop="8dp"
        android:src="@drawable/back_txt" />

    <ImageView
        android:id="@+id/gps"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="10dp"
        android:src="@drawable/gps_btn_03" />
</RelativeLayout>






<com.google.android.maps.MapView
    android:id="@+id/mapview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_below="@+id/header"
    android:apiKey="0SQlVa3Jk1kXyql-9Bsl0kIIgN7FKV3JnG27YTA"
    android:clickable="true" />



<TextView
    android:id="@+id/sandho"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:layout_marginBottom="60dp"
    android:text=""
    android:textAppearance="?android:attr/textAppearanceSmall" />

<ImageView
    android:id="@+id/selectedlocation"
    android:layout_width="250dp"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/sandho"
    android:layout_centerHorizontal="true"
    android:src="@drawable/selectedlocation" />

<ImageView
    android:id="@+id/alllocation"
    android:layout_width="250dp"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/img"
    android:layout_centerHorizontal="true"
    android:src="@drawable/alllocation"
    android:visibility="gone"
     />

<LinearLayout
    android:id="@+id/layout_all"
    android:layout_width="125dp"
    android:layout_height="50dp"
    android:layout_alignBottom="@+id/img"
    android:layout_toRightOf="@+id/img" >
</LinearLayout>

<LinearLayout
    android:id="@+id/layout_selected"
  android:layout_width="125dp"
    android:layout_height="50dp"
    android:layout_alignBottom="@+id/img"
    android:layout_toLeftOf="@+id/img" >
</LinearLayout>


<RelativeLayout
    android:id="@+id/mapnlist"
    android:layout_width="fill_parent"
    android:layout_height="47dp"
    android:layout_below="@+id/header"
    android:layout_centerHorizontal="true"
    android:background="#CCCCCCCC"
     >

    <ImageView
        android:id="@+id/mapandlist"
        android:layout_width="wrap_content"
        android:layout_height="35dp"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:src="@drawable/mapnlist" />

    <TextView
        android:id="@+id/smtext"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text=""
        android:textAppearance="?android:attr/textAppearanceSmall" />

    <LinearLayout
        android:id="@+id/layout_left"
        android:layout_width="60dp"
        android:layout_height="35dp"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@+id/smtext" >
    </LinearLayout>

    <LinearLayout
        android:id="@+id/layout_right"
        android:layout_width="60dp"
        android:layout_height="35dp"
        android:layout_centerVertical="true"
        android:layout_toLeftOf="@+id/smtext" >
    </LinearLayout>

</RelativeLayout>

Android MapView +按钮位于底部

3 个答案: