Android:WebView元素上的按钮(.png-Image)

时间:2013-07-15 16:08:22

标签: android button webview

我需要创建一个可以滚动和缩放的平面图。该计划的某些部分应与其他活动(即厨房)相关联。我的想法是在厨房区域放一个简单的按钮。点击它就可以进入厨房活动。

由于滚动和缩放要求,我创建了一个包含我的平面布置图的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码:

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

在WebView(Floorplan)上将按钮设置为每个帖子需要做些什么?

Thx Arne

1 个答案:

答案 0 :(得分:0)

如果您要滚动和缩放此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网址使用Href =“act:kitchen”