在圆形/圆形布局中显示地图

时间:2017-03-01 09:48:24

标签: java android

我有一个要求像这样(下面的截图),我发现在堆栈溢出中没有特定的解决方案来构建这个布局。任何人都可以帮我构建这个布局

地图将在圆圈/圆角视图内,红色边框将作为计时器,随着时间的减少,红色边框也将减少。

2 个答案:

答案 0 :(得分:2)

  

将地图显示为圆圈

我有一个......技巧解决方案:))

enter image description here

<RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true">

        <fragment
            android:id="@+id/map"
            android:name="your map"
            android:layout_width="250dp"
            android:layout_height="250dp"
            android:layout_centerInParent="true" />

        <LinearLayout
            android:layout_width="250dp"
            android:layout_height="250dp"
            android:layout_centerInParent="true"
            android:background="@drawable/bg"
            android:gravity="center">

        </LinearLayout>

    </RelativeLayout>

神奇的是图像bg。周围的颜色必须与背景颜色相同

enter image description here

  

红色边框将作为计时器工作,时间减少,红色边框

您可以使用此lib来显示圈子进度条

答案 1 :(得分:0)

将地图片段与ImageView一起包装在FrameLayout中。 Imageview将在地图片段顶部显示一个圆角矩形。

   <FrameLayout
    android:layout_width="wrap_content">

    <fragment
        android:id="@+id/map"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:name="com.google.android.gms.maps.SupportMapFragment"/>

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/circle" />
</FrameLayout>

可以是圆形;

 <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
           android:shape="oval">
        <gradient
            android:angle=""
            android:endColor=""
            android:startColor=""/>
    </shape>