使用 SeekBar 的进度变化覆盖 WebView

Overwriting WebView with progress change of SeekBar

我创建了一个加载 google.com 作为测试的 WebView。 在 Layout 的底部有一个 SeekBar。 如果 Seekbar 更改为 2 的进度,它应该加载另一个页面,例如 whosebug.com。 如果它的进度改为3,它应该加载另一个页面(android.com)

我现有的代码如下。 但是我现在不知道如何填充听众。 现有的解决方案也不起作用。

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <WebView android:id="@+id/Viewing"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />
    <SeekBar
        android:id="@+id/seitenSwitcher"
        android:layout_above="@+id/seitenSwitcher"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:max="15"
        android:progress="0"
        android:paddingLeft="4dip"
        android:paddingRight="4dip"

        />
</RelativeLayout>

main.java

package testprojekt.homepageapp.application;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.SeekBar;

public class main extends Activity {

    private WebView webv;


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


        webv = (WebView)findViewById(R.id.Viewing);
        webv.setWebViewClient(new WebViewClient());
        webv.getSettings().setJavaScriptEnabled(true);
        webv.loadUrl("http://www.google.de");
    }


    public void onProgressChanged(SeekBar seitenSwitcher, int progress, boolean true) {
        seitenSwitcher = (SeekBar) findViewById(R.id.seitenSwitcher);
        seitenSwitcher.setOnSeekBarChangeListener(new sbListener());

    }

}

sbListener.java

package testprojekt.homepageapp.application;

import android.widget.SeekBar;


public class sbListener implements SeekBar.OnSeekBarChangeListener {

   ???

}

您需要在侦听器中引用 webv。您可以将它传递到 sbListener 的构造函数中,或者您可以删除 sbListener class 并执行以下操作:

public class main extends Activity {

    private WebView webv;
    private SeekBar seitenSwitcher;
    private String[] websites = { "http://www.google.de", "http://whosebug.com", "http://www.android.com" };

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

        webv = (WebView)findViewById(R.id.Viewing);
        webv.getSettings().setJavaScriptEnabled(true);
        webv.loadUrl(websites[0]);

        seitenSwitcher = (SeekBar) findViewById(R.id.seitenSwitcher);
        seitenSwitcher.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                if (progress >= 0 && progress < websites.length) {
                    webv.loadUrl(websites[progress]);
                }
            }

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {

            }

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {

            }
        });
    }

}

请注意,要使其正常工作,您需要在清单中具有以下权限:

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

我也稍微修改了xml的布局,把fill_parent改成了match_parentsee here for why):

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <WebView android:id="@+id/Viewing"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_above="@+id/seitenSwitcher"/>
    <SeekBar
        android:id="@+id/seitenSwitcher"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:max="15"
        android:progress="0"
        android:paddingLeft="4dp"
        android:paddingRight="4dp"
        />
</RelativeLayout>