Android：WebView元素上的按钮（.png图像）

Question

我需要创建一个可以滚动和缩放的平面图。该图的某些部分应与其他活动（例如厨房）链接。 我的想法是在厨房区域放置一个简单的按钮。 单击它，您可以进入厨房活动。

由于需要滚动和缩放，因此我创建了一个包含布局图的WebView：

<LinearLayout xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/background"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".FloorplanActivity"     
xmlns:android="http://schemas.android.com/apk/res/android">

<WebView
    android:id="@+id/webViewFloorplan"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true" >

    <Button
        android:id="@+id/buttonKuehltheke"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button" />

</WebView>

</LinearLayout> 

但是现在我无法在平面图的特定区域上放置按钮。 该按钮始终出现在我的平面图的左上角。

MainActivity-Code：

    WebView wvFloorplan = (WebView) findViewById(R.id.webViewFloorplan);
    wvFloorplan.getSettings().setBuiltInZoomControls(true);
    wvFloorplan.loadUrl("file:///android_asset/services_plan.png");

将按钮设置为WebView（Floorplan）上的每个位置都需要做什么？

阿克斯（Thx Arne）

Answer 1

如果要滚动和缩放此WebView，则厨房部分的坐标将是动态的，因此在其上方放置按钮将很困难。

我建议重写WebView.shouldOverrideUrlLoading。 这样，您可以使用html创建指向厨房活动的链接。

wvFloorplan.setWebViewClient(new WebViewClient() {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        if (url.startsWith("act:")) {
            Intent intent = new Intent( <kitchen activity> );
            startActivity(intent);
            return true;
        }
        return false;
    }
});

您将不得不在图像周围编写一个html包装器，以将图像的一部分映射到不同的链接，但是现在坐标是静态的。 代替http url，使用Href =“ act：kitchen”