将圆角添加到mapview

时间:2011-03-06 16:23:54

标签: android android-mapview rounded-corners

我正在尝试使用以下布局编写一个简单的MapActivity(目前仅包含mapview,因为我打算在将来添加使用ListView共享屏幕):

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <com.google.android.maps.MapView
    android:id="@+id/mapview"
    android:layout_width="fill_parent"
    android:layout_height="200dip"
    android:enabled="true"
    android:clickable="true"
    android:apiKey="mykey"
    android:layout_alignParentBottom="true" />
</RelativeLayout>

我在mapview中应用了一个简单的形状,以便有圆角和笔划:

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
     android:shape="rectangle"> 
     <corners android:bottomRightRadius="10dp"
              android:bottomLeftRadius="10dp" 
              android:topLeftRadius="10dp"
              android:topRightRadius="10dp"/> 
     <stroke  android:width="3dp"
              android:color="@color/bordure_tables" />
</shape>

我使用以下内容来应用形状:

mapView.setBackgroundResource(R.layout.map);

问题是它没有任何效果,我看不到圆角,也看不到笔画。

5 个答案:

答案 0 :(得分:3)

刚刚编写了一个教程,在MapView上有圆角,它以编程方式完成,所以应该可以很好地扩展到所有设备:

http://www.anddev.org/novice-tutorials-f8/rounded-corners-map-view-t56908.html

添加自定义视图类后,您可以像这样实例化一个舍入的mapview:

<com.blundell.tut.ui.widget.RoundedMapView
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"/>

答案 1 :(得分:1)

您是否尝试过为其分配填充?

<padding 
     android:left="2dp" 
     android:top="2dp" 
     android:right="2dp" 
     android:bottom="2dp" /> 

所以你的笔画和半径应该是可见的。

答案 2 :(得分:0)

所以我通过以下方式实现了这种效果:我创建了一个名为round_corners的9-patch drawable并将其放置在我的drawable文件夹中,然后我使用以下xml绘制地图:

    <FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">/

        <com.google.android.maps.MapView
            android:id="@+id/center_map"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:clickable="true"
            android:apiKey="your_key"
        />

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical"
            android:background="@drawable/round_corners"  
        ></LinearLayout>
    </FrameLayout>

答案 3 :(得分:0)

我能够实现这一点,创建一个像这样的圆形绘图:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/background_gray_rectangle_rounded_corners"
android:orientation="vertical">

<com.google.android.gms.maps.MapView
    android:id="@+id/map_details_map_view"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_marginTop="10dp"
    android:layout_marginBottom="10dp"
    android:clickable="true"
    android:enabled="true" />
</LinearLayout>

然后使用线性布局和可绘制笔划宽度相同大小的边距,如下所示:

tail /usr/local/apache/logs/error_log

答案 4 :(得分:0)

只需将Mapview放入CardView

 <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:elevation="0dp"
        app:cardCornerRadius="5dp">

     <com.google.android.gms.maps.MapView
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>

 </android.support.v7.widget.CardView>