logo标签列表

安卓：将WebView输出加载到应用小部件中

androidwebviewimageviewandroid-appwidgetappwidgetprovider
18

虽然我理解App Widget不支持直接使用WebView，但是否可能使用ImageView（被支持的）和类似于这里所描述的技术来为ImageView生成图像？WebView不会直接使用，而只在后台用于为ImageView提供图像。

那个 webView 是否会在不同的时间发生变化？ - Nigam Patro
1
是的，应用程序小部件将定期更新，并且每次使用WebView检索应用程序小部件的图像时，都会相应地刷新。因此，我认为WebView将作为后台服务运行或嵌入其中。我尝试了这里的建议（https://dev59.com/GGMk5IYBdhLWcg3w5R-k#18989695），但我无法按照自己的意愿使其正常工作。 - drmrbrewer
但是，没有任何交互，webView 怎么会被更新呢？ - Nigam Patro
好的。但是我们不能在服务中使用WebView。对此很抱歉。 - Nigam Patro
那么我在上面评论中链接的帖子是错的吗？它暗示了在服务中使用Webview是可能的。 - drmrbrewer
显示剩余2条评论
3个回答
34

显然，在我的设备上是可以实现的，但你的情况可能会有所不同。

在清单文件中，我们像平常一样注册小部件的 <receiver>，同时也注册了处理 WebView 及其图像捕获的 Service。

<manifest ... >
    ...

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

    <application ... >
        ...

        <receiver
            android:name=".WebWidgetProvider"
            android:label="@string/widget_name" >
            <intent-filter>
                <action android:name="android.appwidget.action.APPWIDGET_UPDATE" />
            </intent-filter>

            <meta-data
                android:name="android.appwidget.provider"
                android:resource="@xml/widget_info" />
        </receiver>

        <service android:name=".WebShotService" />

    </application>

</manifest>

在小部件的信息文件widget_info.xml中，我将最小尺寸设置为4 x 2。
<?xml version="1.0" encoding="utf-8"?>
<appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"
    android:initialLayout="@layout/widget_layout"
    android:minWidth="292dip"
    android:minHeight="146dip" />

对于这个例子，小部件的布局widget_layout.xml只是一个ImageView。

<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/widget_image"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="fitXY"
    android:src="@drawable/ic_launcher" />

在这个例子中，AppWidgetProvider 仅重写了 onUpdate() 方法，因为我们使用相同的 ACTION_APPWIDGET_UPDATE 来触发我们自己使用 AlarmManager 进行更新。请注意，示例闹钟将每隔30秒触发一次，只要有一个活动的小部件。您可能不想在测试之外进行此操作，因为小部件更新可能会非常昂贵。
public class WebWidgetProvider extends AppWidgetProvider {
    @Override
    public void onUpdate(Context context, AppWidgetManager appWidgetManager, int[] appWidgetIds) {
        // We can't trust the appWidgetIds param here, as we're using
        // ACTION_APPWIDGET_UPDATE to trigger our own updates, and
        // Widgets might've been removed/added since the alarm was last set.
        final int[] currentIds = appWidgetManager.getAppWidgetIds(
            new ComponentName(context, WebWidgetProvider.class));

        if (currentIds.length < 1) {
            return;
        }

        // We attach the current Widget IDs to the alarm Intent to ensure its
        // broadcast is correctly routed to onUpdate() when our AppWidgetProvider
        // next receives it.
        Intent iWidget = new Intent(context, WebWidgetProvider.class)
            .setAction(AppWidgetManager.ACTION_APPWIDGET_UPDATE)
            .putExtra(AppWidgetManager.EXTRA_APPWIDGET_IDS, currentIds);
        PendingIntent pi = PendingIntent.getBroadcast(context, 0, iWidget, 0);

        ((AlarmManager) context.getSystemService(Context.ALARM_SERVICE))
            .setExact(AlarmManager.RTC, System.currentTimeMillis() + 30000, pi);

        Intent iService = new Intent(context, WebShotService.class);
        context.startService(iService);
    }
}

在Service中，我们实例化一个WebView，并将其添加到FrameLayout中，然后将其添加到WindowManager中，并将其宽度和高度参数设置为零。然后我们在WebView中加载一个测试URL，当页面完成加载后，我们强制WebView布局到适当的大小，并通过Canvas对象将其绘制到目标Bitmap上。这是在稍微延迟一段时间后完成的，以允许WebView完全呈现自己，否则我们会得到一个空白的白色图像。然后将Bitmap设置在RemoteViews对象上，以更新小部件布局中的ImageView。我在代码中留下了一个Toast用于测试，因为我们的示例小部件可能比Stack Overflow的主页刷新频率更高。
public class WebShotService extends Service {
    private WebView webView;
    private WindowManager winManager;

    public int onStartCommand(Intent intent, int flags, int startId) {
        winManager = (WindowManager) getSystemService(Context.WINDOW_SERVICE);
        webView = new WebView(this);
        webView.setVerticalScrollBarEnabled(false);
        webView.setWebViewClient(client);

        final WindowManager.LayoutParams params =
            new WindowManager.LayoutParams(WindowManager.LayoutParams.WRAP_CONTENT,
                                           WindowManager.LayoutParams.WRAP_CONTENT,
                                           WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY,
                                           WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE,
                                           PixelFormat.TRANSLUCENT);
        params.x = 0;
        params.y = 0;
        params.width = 0;
        params.height = 0;

        final FrameLayout frame = new FrameLayout(this);
        frame.addView(webView);
        winManager.addView(frame, params);

        webView.loadUrl("http://stackoverflow.com");

        return START_STICKY;
    }

    private final WebViewClient client = new WebViewClient() {
        public void onPageFinished(WebView view, String url) {
            final Point p = new Point();
            winManager.getDefaultDisplay().getSize(p);

            webView.measure(MeasureSpec.makeMeasureSpec((p.x < p.y ? p.y : p.x),
                                MeasureSpec.EXACTLY), 
                            MeasureSpec.makeMeasureSpec((p.x < p.y ? p.x : p.y),
                                MeasureSpec.EXACTLY));
            webView.layout(0, 0, webView.getMeasuredWidth(), webView.getMeasuredHeight());

            webView.postDelayed(capture, 1000);
        }
    };

    private final Runnable capture = new Runnable() {
        @Override
        public void run() {
            try {
                final Bitmap bmp = Bitmap.createBitmap(webView.getWidth(),
                    webView.getHeight(), Bitmap.Config.ARGB_8888);
                final Canvas c = new Canvas(bmp);
                webView.draw(c);

                updateWidgets(bmp);
            }
            catch (IllegalArgumentException e) {
                e.printStackTrace();
            }

            stopSelf();
        }
    };

    private void updateWidgets(Bitmap bmp) {
        final AppWidgetManager widgetManager = AppWidgetManager.getInstance(this);
        final int[] ids = widgetManager.getAppWidgetIds(
            new ComponentName(this, WebWidgetProvider.class));

        if (ids.length < 1) {
            return;
        }

        final RemoteViews views = new RemoteViews(getPackageName(), R.layout.widget_layout);
        views.setImageViewBitmap(R.id.widget_image, bmp);
        widgetManager.updateAppWidget(ids, views);

        Toast.makeText(this, "WebWidget Update", 0).show();
    }

    @Override
    public IBinder onBind(Intent intent) {
        return null;
    }
}

这是 Widgety 的截图。 WebWidget screenshot
2
我更新了我的答案，删除了不必要的广播和文件写入。我还摆脱了一些其他无用的东西，并在这里和那里进行了一些微调。希望这个也适用于你。干杯！ - Mike M.
1
@drmrbrewer 嗯，TYPE_TOAST 似乎可以在我测试过的几个版本中无需权限即可使用。 TYPE_APPLICATION_PANEL 在早期版本上会崩溃，这并不让我感到惊讶，因为它是从 Service 中添加的。不确定该限制是否在后来的版本中更改。请注意，TYPE_TOAST 现已在 Android O 中弃用，将被 TYPE_APPLICATION_OVERLAY 替换，但我还不能玩弄它，因此我不确定需要什么更多信息或预期的确切行为。在获得更好的信息之前，我将等待编辑答案。 - Mike M.
1
@drmrbrewer 嗯，不太确定。从这些链接中看来，那似乎是最可能的罪魁祸首，但更多来自崩溃的细节将有助于确定它是否是具体问题。浏览源代码，我真的看不到任何改变持续时间的方法。我会考虑一下，并且如上所述，我会尝试想出完全不同的方式来做这件事。我离家已经有一段时间了，现在才开始重新安排我的开发工作，但如果我有任何进展，我会让你知道的。 - Mike M.
1
放弃那个想法吧...我刚确认过，在Chrome for Android中不支持Chrome的无头浏览器能力 :( - drmrbrewer
1
@Eir 我暂时想不出为什么一个充气的实例会有不同的表现。然而，如果布局 XML 中唯一的东西是 <WebView>，那么我认为你充气也没有什么好处。另一方面，如果里面还有其他的 View，则需要稍微调整一下测量、布局和绘制；否则，我可以看到它可能会导致空白或空结果。除了推荐您尝试在调试器中逐步运行捕获，我无法更具体地描述这些广泛的情况。 - Mike M.
显示剩余20条评论
2

在上面的答案基础上补充一点：

对于遇到Unable to add window. Permission denied for this window type错误的人们，至少在我使用运行marshmallow系统的设备中，需要更改类型。

只需将WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY替换为WindowManager.LayoutParams.TYPE_TOAST（或）WindowManager.LayoutParams.TYPE_APPLICATION_PANEL

它将完美地工作。

注意：已检查并确认在运行最新版本marsmallow的Nexus6p上。

WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY需要权限 android.permission.INTERNAL_SYSTEM_WINDOW，该权限仅适用于与Android系统相关的应用程序。

此外，在页面完成加载后的onPageFinished()中，不要忘记更改Web视图的高度和宽度，以便使用JavaScript解析数据的人们。

我完全忽略了这一点，导致浪费了很多时间。

最初，我的假设是，由于我的要求不是通过ImageView将内容显示在WebView中，因此不需要这样做。

事实证明，除非视图的宽度和高度不为零，否则javascript无法解析Web视图中的数据。

这是否意味着不再需要SYSTEM_ALERT_WINDOW权限？也就是说，如果您使用的是WindowManager.LayoutParams.TYPE_TOAST而不是LayoutParams.TYPE_SYSTEM_OVERLAY？从用户那里请求此权限有些棘手...它不是默认启用的，一些用户可以理解地对此感到紧张。 - drmrbrewer
0

WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY 仅适用于 Android M 及以上版本。而且需要配置权限 Settings.canDrawOverlays(context)。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接