Добавление закругленных углов к просмотру карты - PullRequest
Новая
       26

Добавление закругленных углов к просмотру карты

3 голосов
/ 06 марта 2011

Я пытаюсь кодировать простую MapActivity, которая использует следующий макет (на данный момент содержит только вид карты, так как я планирую добавить общий экран с 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>

Я применил к виду карты простую форму, чтобы иметь закругленные углы и обводку: 

<?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 ]

3 голосов
/ 12 декабря 2011

Только что написал учебник, чтобы иметь закругленные углы в MapView, это сделано программно, поэтому должно хорошо масштабироваться для всех устройств:

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

После добавления пользовательского класса представления вы можетепросто создайте закругленный вид карты примерно так: 

<com.blundell.tut.ui.widget.RoundedMapView
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"/>
1 голос
/ 22 ноября 2011

Вы пытались присвоить ему отступ? 

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

Значит, ваши штрихи и радиус должны быть видны.

0 голосов
/ 13 февраля 2019

Просто поместите 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>
0 голосов
/ 02 декабря 2015

Я смог добиться этого, создав округлый рисунок, подобный следующему: 

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
    <solid android:color="@android:color/transparent" />
    <stroke android:width="10dp" android:color="@color/color_gray5_eeeeee" />
    <corners android:radius="10px" />
</shape>

затем с использованием линейного макета и поля того же размера ширины рисованной обводки, например: 

<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>
0 голосов
/ 23 ноября 2011

Таким образом, я достиг этого эффекта, выполнив следующее: я создал 9-патч для рисования с именем round_corners и поместил его в мою папку для рисования, затем я использовал следующий 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>
...