如何在mapview周围绘制边框

时间:2011-07-04 17:00:46

标签: java android border android-mapview

我试图在点击按钮时在我的mapView周围画一个边距。

所以这就是我尝试过的,但它不起作用。 mapview位于相对布局中。

LayoutInflater inflater = getLayoutInflater();

LinearLayout mView = (LinearLayout) inflater.inflate(
                        R.layout.map_view_create_ps, mapView, false);

GeoPoint viewLoc = mapView.getMapCenter();
MapView.LayoutParams params = new MapView.LayoutParams(
                        LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT,
                        viewLoc,

MapView.LayoutParams.BOTTOM_CENTER);
                mView.setLayoutParams(params);
                mapView.addView(mView);
                mView.setVisibility(View.VISIBLE);

单击按钮时会调用上面的

我的create_ps_layout就是这样

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent" android:background="@android:color/transparent">
<LinearLayout android:layout_width="fill_parent"
    android:id="@+id/linearLayout1" android:orientation="vertical"
    android:layout_height="fill_parent"
    android:background="@drawable/rounded_boarder"></LinearLayout>

 </LinearLayout>

可绘制的背景就像这样

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" android:padding="10dp">
<solid android:color="@color/translucent_black" />
<corners android:bottomRightRadius="30dp"
    android:bottomLeftRadius="30dp" android:topLeftRadius="30dp"
    android:topRightRadius="30dp" />
    <stroke android:width="2dip" android:color="#FFB600"/>
</shape>

这不起作用,但是当你选择按钮时,你们可以指出我在如何在mapview周围绘制边框的正确方向吗?

4 个答案:

答案 0 :(得分:10)

将mapview放在一个RelativeLayout中,并设置RelativeLayout的padding属性,如下所示:

      <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical" android:layout_weight="1"
            android:background="#444" android:padding="2dp">

            <com.google.android.maps.MapView
                android:id="@+id/mapView"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:apiKey="YOUR-MAP-KEY"
                android:clickable="true"/>
        </RelativeLayout>

答案 1 :(得分:1)

请按照以下步骤操作:

1-使用以下代码在drawable中创建image_border.xml:

 <?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
 <item>
    <shape android:shape="rectangle" >
        <gradient
            android:angle="90"
            android:centerColor="#30ffffff"
            android:endColor="#30ffffff"
            android:startColor="#30ffffff" />
    </shape>
</item>
<item
    >
    <shape android:shape="rectangle" >
        <solid android:color="#30ffffff" />
    </shape>
</item>

2-使用以下代码在drawable中创建另一个XML image_borderless.xml:

 <?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
    <shape android:shape="rectangle" >
        <gradient
            android:angle="90"
     ></gradient>
    </shape>
</item>
<item
  >
<shape android:shape="rectangle" >
   </shape>
</item>

在你的onClick实现中添加以下代码:

       wp1.setOnClickListener(new OnClickListener() {
   @Override
    public void onClick(View v) {


       //wp1 to add a boarder if selected 
      wp1.setBackgroundDrawable(getResources().getDrawable(
                    R.drawable.image_border));
            wp1.setPadding(8, 8, 8, 8);
      //wp3 to hide the boarder if not selected 
       wp3.setBackgroundDrawable(getResources().getDrawable(
                    R.drawable.image_borderless));

       }
    });

答案 2 :(得分:1)

按如下方式创建图层列表。并将其作为背景添加到相对布局中。这将为带阴影的边框添加

此处是更多详细信息的链接http://www.uifuel.com/android-creating-a-drop-shadow-in-xml-layout/

 <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">

     <!-- Drop Shadow Stack -->
     <item>
        <shape>
            <padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" />
            <solid android:color="#00CCCCCC" />
        </shape>
    </item>
     <item>
        <shape>
            <padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" />
            <solid android:color="#10CCCCCC" />
        </shape>
    </item>
     <item>
        <shape>
            <padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" />
            <solid android:color="#20CCCCCC" />
        </shape>
    </item>
     <item>
        <shape>
            <padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" />
            <solid android:color="#30CCCCCC" />
        </shape>
    </item>
    <item>
        <shape>
            <padding android:top="1dp" android:right="1dp" android:bottom="1dp" android:left="1dp" />
            <solid android:color="#50CCCCCC" />
        </shape>
    </item>

    <!-- Background -->
    <item>
    <shape>
            <solid android:color="@color/white" />
        <corners android:radius="3dp" />
    </shape>
    </item>
</layer-list>

答案 3 :(得分:1)

创建一个简单的笔触矩形drawable(xml形状)并在地图视图上切换它。 这是一个例子。为简单起见,我使用SurfaceView而不是MapView,它的工作方式应该相同。

RES /抽拉/ red_frame.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <stroke android:color="#ff0000" android:width="3dp"/>
    <padding android:left="3dp" android:top="3dp" android:right="3dp" android:bottom="3dp" />
</shape>

RES /布局/ activity_main.xml中:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="match_parent">

    <CheckBox
            android:id="@+id/frame_switch"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:text="Show frame" />

    <SurfaceView
            style="@android:style/TextAppearance.Large"
            android:id="@+id/target"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@id/frame_switch"/>

</RelativeLayout>

最后是Java胶水 - MainActivity.java:

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        final View target = findViewById(R.id.target);
        final CheckBox checkbox = (CheckBox) findViewById(R.id.frame_switch);

        checkbox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton compoundButton, boolean isChecked) {
                target.setBackgroundResource(isChecked ? R.drawable.red_frame : 0);
            }
        });
    }
}