ANDROID załadunku wyjście WebView do aplikacji widget

Question

Podczas gdy doceni, że App Widget nie obsługuje WebView bezpośrednio, to jest to w ogóle możliwe użycie ImageView (które jest obsługiwane), a także techniki, jak to opisano here wygenerować zdjęcie ImageView? Urządzenie WebView nie będzie używane bezpośrednio, ale będzie używane tylko w tle w celu zapewnienia obrazu dla obrazu ImageView.

Answer 1

Jest to możliwe, przynajmniej na moim urządzeniu, chociaż twój przebieg może się różnić.

W manifeście normalnie rejestrujemy Widget's <receiver>, a także rejestrujemy nasz Service, który obsługuje WebView i przechwytywanie jego obrazu.

<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> 

w widgecie za informacyjnym pliku, widget_info.xml, mam ustawić minimalną wielkość do 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" /> 

W tym przykładzie widgetu układ, widget_layout.xml, jest po prostu 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" /> 

W tym przykładzie parametr AppWidgetProvider zastępuje tylko metodę onUpdate(), ponieważ używamy tego samego ACTION_APPWIDGET_UPDATE, aby wywoływać własne aktualizacje za pomocą AlarmManager. Zwróć uwagę, że przykładowy alarm będzie uruchamiany co 30 sekund, o ile istnieje aktywny widget. Prawdopodobnie nie chcesz tego robić poza testowaniem, ponieważ aktualizacje Widget mogą być dość kosztowne.

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); 
    } 
} 

W Service, my instancji WebView i dodać go do FrameLayout, który z kolei zostaje dodany do WindowManager z zera do jego parametrów wysokości i szerokości. Następnie ładujemy testowy adres URL do WebView, a gdy strona się skończy, wymuszamy na szablonie WebView odpowiedni rozmiar i narysujemy go do naszego obiektu docelowego Bitmap za pośrednictwem obiektu Canvas. Odbywa się to po niewielkim opóźnieniu, aby umożliwić pełne renderowanie się WebView, abyśmy nie skończyli z pustym, białym obrazem. Obiekt Bitmap jest następnie ustawiany na obiekcie RemoteViews, aby zaktualizować ImageView w układzie widgetu. Zostawiłem kod Toast w celach testowych, ponieważ nasz przykładowy widget może aktualizować się częściej, niż strona główna Stack Overflow odświeża.

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; 
    } 
} 

Oto zrzut ekranu przedstawiający dobroć Widgety.

Answer 2

Dodając do powyższego odpowiedź

Dla ludzi, którzy się tego błędu - Nie można dodać okno. Odmowa uprawnień dla tego typu okna: przynajmniej w moim przypadku z urządzeniami działającymi pod marshmallow należy zmienić typ.

Wystarczy wymienić

WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY albo

WindowManager.LayoutParams.TYPE_TOAST (lub)

WindowManager.LayoutParams.TYPE_APPLICATION_PANEL

i to będzie działać perfekcyjnie.

Uwaga: Sprawdzono i potwierdzono za pomocą Nexus6p z najnowszą wersją marshmallow.

WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY wymaga zgody android.permission.INTERNAL_SYSTEM_WINDOW które mogą być dodawane tylko do android aplikacji systemowych związanych.

Nie zapomnij również zmienić wysokości i szerokości widoku internetowego po zakończeniu ładowania strony w onPageFinished() dla osób, które chcą analizować dane za pomocą Javascript.

Całkowicie przeoczyłem znaczenie tego w powyższej odpowiedzi i skończyło się marnowaniem czasu.

Początkowo moje założenie było, ponieważ moim wymaganiem było nie wyświetlać treści w widoku internetowym do widżetu poprzez widok obrazu, który nie był wymagany.

Jak się okazuje, javascript nie może parsować danych z widoku internetowego, chyba że szerokość i wysokość widoku nie wynosi zero.