آموزش ویجت در برنامه نویسی اندروید

4 سال پیش

امتیاز دهید post

آموزش ویجت در برنامه نویسی اندروید

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، در مورد آموزش ویجت در برنامه نویسی اندروید صحبت خواهیم کرد.

ویجت یک ابزار کوچک یا کنترل برنامه اندرویدی شما است که روی صفحه اصلی قرار دارد. ابزارک ها بسیار مفید هستند زیرا به شما امکان می دهند برنامه های مورد علاقه خود را برای دسترسی سریع به صفحه اصلی خود قرار دهید. احتمالاً برخی از ویجت های رایج مانند ویجت موسیقی، ویجت آب و هوا، ویجت ساعت و غیره را دیده اید.

ویجت ها می توانند انواع مختلفی مانند ابزارک های اطلاعاتی ، ابزارک های جمع آوری ، ابزارک های کنترل و ابزارک های ترکیبی داشته باشند.

اندروید یک فریم ورک کامل برای توسعه ابزارک های خود به ما ارائه می دهد.

ویجت در برنامه نویسی اندروید – فایل XML

برای ایجاد ویجت برنامه، اولین چیزی که شما نیاز دارید شی AppWidgetProviderInfo است که آن را در یک فایل XML ویجت جداگانه تعریف خواهید کرد.

برای انجام این کار، بر روی پروژه خود کلیک راست کرده و پوشه جدیدی به نام xml ایجاد کنید.

اکنون بر روی پوشه ایجاد شده راست کلیک کرده و یک فایل XML جدید ایجاد کنید.

نوع منبع فایل XML باید روی AppWidgetProvider تنظیم شود. در فایل xml، برخی از خصوصیات را به صورت زیر تعریف کنید:

&lt;appwidget-provider 
   xmlns:android="http://schemas.android.com/apk/res/android" 
   android:minWidth="146dp" 
   android:updatePeriodMillis="0" 
   android:minHeight="146dp" 
   android:initialLayout="@layout/activity_main"&gt;
&lt;/appwidget-provider&gt;

<appwidget-provider

xmlns:android="http://schemas.android.com/apk/res/android"

android:minWidth="146dp"

android:updatePeriodMillis="0"

android:minHeight="146dp"

android:initialLayout="@layout/activity_main">

</appwidget-provider>

ویجت در برنامه نویسی اندروید – فایل طرح بندی

اکنون باید طرح ویجت خود را در پرونده XML پیش فرض خود تعریف کنید. برای تولید xml خودکار می توانید اجزا را بکشید.

ویجت در برنامه نویسی اندروید – فایل جاوا

پس از تعریف طرح، اکنون یک فایل جدید JAVA ایجاد کنید یا از فایل موجود استفاده کنید و آن را با کلاس AppWidgetProvider گسترش دهید و روش بروزرسانی آن را به شرح زیر لغو کنید.

در روش بروزرسانی، شما باید شی دو کلاس را که PendingIntent و RemoteViews هستند را تعریف کنید.

PendingIntent pending = PendingIntent.getActivity(context, 0, intent, 0);
RemoteViews views = new RemoteViews(context.getPackageName(), R.layout.activity_main);

1 2	PendingIntent pending = PendingIntent.getActivity(context, 0, intent, 0); RemoteViews views = new RemoteViews(context.getPackageName(), R.layout.activity_main);

در پایان شما باید با یک متد به روز رسانی ()updateAppWidget از کلاس AppWidgetManager را فراخوانی کنید.

appWidgetManager.updateAppWidget(currentWidgetId,views);

1	appWidgetManager.updateAppWidget(currentWidgetId,views);

بخشی از متد updateAppWidget، متد های دیگری نیز برای دستکاری ویجت ها در این کلاس تعریف شده است. آنها به شرح زیر هستند:

(onDeleted(Context context, int[] appWidgetIds

وقتی یک نمونه از AppWidgetProvider حذف می شود، این متد فراخوانی می شود.

(onDisabled(Context context

این متد با حذف آخرین نمونه AppWidgetProvider فراخوانی می شود

(onEnabled(Context context

این متد هنگامی ایجاد می شود که نمونه ای از AppWidgetProvider ایجاد شود.

(onReceive(Context context, Intent intent

برای ارسال فراخوانی به متدهای مختلف کلاس استفاده می شود

فایل مانیفست

همچنین باید کلاس AppWidgetProvider را در فایل مانیفست خود به شرح زیر اعلان کنید:

&lt;receiver android:name="ExampleAppWidgetProvider" &gt;
   
   &lt;intent-filter&gt;
      &lt;action android:name="android.appwidget.action.APPWIDGET_UPDATE" /&gt;
   &lt;/intent-filter&gt;
   
   &lt;meta-data android:name="android.appwidget.provider"
      android:resource="@xml/example_appwidget_info" /&gt;
&lt;/receiver&gt;

<intent-filter>

</intent-filter>

android:resource="@xml/example_appwidget_info" />

</receiver>

مثال

در اینجا مثالی برای استفاده از ویجت های کاربردی آورده شده است. این برنامه ویجت ایجاد می کند که وب سایت فعلی را در مرورگر باز می کند.

برای آزمایش این مثال، باید این مورد را روی دستگاه واقعی که اینترنت روی آن اجرا می شود، اجرا کنید.

شرح مراحل

1- شما برای ایجاد یک برنامه اندروید تحت یک پکیج com.example.sairamkrishna.myapplication از Android studio استفاده خواهید کرد.
2- برای افزودن کد ویجت، فایل src / MainActivity.java را تغییر دهید.
3- res / layout / activity_main را تغییر دهید تا مولفه های XML مربوطه اضافه شود
4- یک پوشه و پرونده xml جدید در قسمت res / xml / mywidget.xml ایجاد کنید تا اجزای مربوط به XML را اضافه کنید
5- برای افزودن مجوزهای لازم، AndroidManifest.xml را تغییر دهید
6- برنامه را اجرا کنید و دستگاه اندرویدی در حال اجرا را انتخاب کنید و برنامه را روی آن نصب کنید و نتایج را بررسی کنید.

در زیر محتوای MainActivity.java اصلاح شده آورده شده است.

package com.example.sairamkrishna.myapplication;

import android.app.PendingIntent;
import android.appwidget.AppWidgetManager;
import android.appwidget.AppWidgetProvider;
import android.content.Context;
import android.content.Intent;
import android.net.Uri;
import android.widget.RemoteViews;
import android.widget.Toast;

public class MainActivity extends AppWidgetProvider{
   public void onUpdate(Context context, AppWidgetManager appWidgetManager,int[] appWidgetIds) {
      for(int i=0; i&lt;appWidgetIds.length; i++){
         int currentWidgetId = appWidgetIds[i];
         String url = "http://www.tutorialspoint.com";
         
         Intent intent = new Intent(Intent.ACTION_VIEW);
         intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
         intent.setData(Uri.parse(url));
         
         PendingIntent pending = PendingIntent.getActivity(context, 0,intent, 0);
         RemoteViews views = new RemoteViews(context.getPackageName(),R.layout.activity_main);
         
         views.setOnClickPendingIntent(R.id.button, pending);
         appWidgetManager.updateAppWidget(currentWidgetId,views);
         Toast.makeText(context, "widget added", Toast.LENGTH_SHORT).show();
      }
   }
}

package com.example.sairamkrishna.myapplication;

import android.app.PendingIntent;

import android.appwidget.AppWidgetManager;

import android.appwidget.AppWidgetProvider;

import android.content.Context;

import android.content.Intent;

import android.net.Uri;

import android.widget.RemoteViews;

import android.widget.Toast;

public class MainActivity extends AppWidgetProvider{

public void onUpdate(Context context, AppWidgetManager appWidgetManager,int[] appWidgetIds) {

for(int i=0; i<appWidgetIds.length; i++){

int currentWidgetId = appWidgetIds[i];

String url = "http://www.tutorialspoint.com";

Intent intent = new Intent(Intent.ACTION_VIEW);

intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);

intent.setData(Uri.parse(url));

PendingIntent pending = PendingIntent.getActivity(context, 0,intent, 0);

RemoteViews views = new RemoteViews(context.getPackageName(),R.layout.activity_main);

views.setOnClickPendingIntent(R.id.button, pending);

appWidgetManager.updateAppWidget(currentWidgetId,views);

Toast.makeText(context, "widget added", Toast.LENGTH_SHORT).show();

}

در زیر محتوای اصلاح شده xml res / layout / activity_main.xml آمده است.

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
   android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
   android:paddingRight="@dimen/activity_horizontal_margin"
   android:paddingTop="@dimen/activity_vertical_margin"
   android:paddingBottom="@dimen/activity_vertical_margin"
   tools:context=".MainActivity"
   android:transitionGroup="true"&gt;
   
   &lt;TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Tutorials point"
      android:id="@+id/textView"
      android:layout_centerHorizontal="true"
      android:textColor="#ff3412ff"
      android:textSize="35dp" /&gt;
      
   &lt;Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Widget"
      android:id="@+id/button"
      android:layout_centerHorizontal="true"
      android:layout_marginTop="61dp"
      android:layout_below="@+id/textView" /&gt;

&lt;/RelativeLayout&gt;

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"

android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

android:paddingBottom="@dimen/activity_vertical_margin"

tools:context=".MainActivity"

android:transitionGroup="true">

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Tutorials point"

android:id="@+id/textView"

android:layout_centerHorizontal="true"

android:textColor="#ff3412ff"

android:textSize="35dp" />

<Button

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Widget"

android:id="@+id/button"

android:layout_centerHorizontal="true"

android:layout_marginTop="61dp"

android:layout_below="@+id/textView" />

</RelativeLayout>

در زیر محتوای res / xml / mywidget.xml آمده است.

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;appwidget-provider 
   xmlns:android="http://schemas.android.com/apk/res/android" 
   android:minWidth="146dp" 
   android:updatePeriodMillis="0" 
   android:minHeight="146dp" 
   android:initialLayout="@layout/activity_main"&gt;
&lt;/appwidget-provider&gt;

<?xml version="1.0" encoding="utf-8"?>

<appwidget-provider

xmlns:android="http://schemas.android.com/apk/res/android"

android:minWidth="146dp"

android:updatePeriodMillis="0"

android:minHeight="146dp"

android:initialLayout="@layout/activity_main">

</appwidget-provider>

در زیر محتوای res / values / string.xml آمده است.

&lt;resources&gt;
   &lt;string name="app_name"&gt;My Application&lt;/string&gt;
&lt;/resources&gt;

<string name="app_name">My Application</string>

</resources>

در زیر محتوای فایل AndroidManifest.xml آمده است.

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.example.sairamkrishna.myapplication" &gt;
   
   &lt;application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:theme="@style/AppTheme" &gt;
      &lt;receiver android:name=".MainActivity"&gt;
      
      &lt;intent-filter&gt;
         &lt;action android:name="android.appwidget.action.APPWIDGET_UPDATE"&gt;&lt;/action&gt;
      &lt;/intent-filter&gt;
      
      &lt;meta-data android:name="android.appwidget.provider"
         android:resource="@xml/mywidget"&gt;&lt;/meta-data&gt;
      
      &lt;/receiver&gt;
   
   &lt;/application&gt;
&lt;/manifest&gt;

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

package="com.example.sairamkrishna.myapplication" >

<application

android:allowBackup="true"

android:icon="@mipmap/ic_launcher"

android:label="@string/app_name"

android:theme="@style/AppTheme" >

<intent-filter>

</intent-filter>

android:resource="@xml/mywidget"></meta-data>

</receiver>

</application>

</manifest>

بیایید برنامه را اجرا کنیم. من تصور می کنم شما AVD خود را هنگام راه اندازی محیط ایجاد کرده اید. برای اجرای برنامه از Android studio، یکی از پرونده های فعالیت پروژه خود را باز کنید و از نوار ابزار روی Android StudioRun Icon کلیک کنید. Android Studio برنامه را روی AVD شما نصب کرده و شروع به کار می کند و اگر با تنظیمات و برنامه هایتان همه چیز خوب باشد، زیر پنجره شبیه ساز نمایش داده می شود.

دستگاه همراه خود را به عنوان گزینه انتخاب کنید و سپس دستگاه همراه خود را که صفحه پیش فرض شما را نشان می دهد بررسی کنید

به بخش ویجت خود بروید و ویجت ایجاد شده خود را به دسک تاپ یا صفحه اصلی اضافه کنید.

اکنون فقط روی دکمه ویجت ظاهر شده ضربه بزنید تا مرورگر باز شود. اما قبل از آن لطفا مطمئن شوید که به اینترنت متصل هستید. پس از فشار دادن دکمه، صفحه زیر ظاهر می شود

توجه داشته باشید. فقط با تغییر URL در فایل java، ویجت شما وب سایت مورد نظر شما را در مرورگر باز می کند.

منبع.

لیست جلسات قبل آموزش برنامه نویسی اندروید

امتیاز دهید post

برچسب ها : آموزش اندروید آموزش برنامه نویسی

نویسنده مطلب saber

آموزش ویجت در برنامه نویسی اندروید

آموزش ویجت در برنامه نویسی اندروید

ویجت در برنامه نویسی اندروید – فایل XML

ویجت در برنامه نویسی اندروید – فایل طرح بندی

ویجت در برنامه نویسی اندروید – فایل جاوا

فایل مانیفست

مثال

شرح مراحل

لیست جلسات قبل آموزش برنامه نویسی اندروید

دیدگاه شما

بدون دیدگاه

آموزش ویجت در برنامه نویسی اندروید

ویجت در برنامه نویسی اندروید – فایل XML

ویجت در برنامه نویسی اندروید – فایل طرح بندی

ویجت در برنامه نویسی اندروید – فایل جاوا

فایل مانیفست

مثال

شرح مراحل

لیست جلسات قبل آموزش برنامه نویسی اندروید

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه