自定义widgt and inflater
16lz
2021-01-26
Android高手进阶教程(八)之----Android Widget开发案例(世界杯倒计时!) 2010-04-29 21:11:25 标签: Android 世界杯 Widget android教程 移动开发 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处、作者信息和本声明。否则将追究法律责任。 http://weizhulin.blog.51cto.com/1556324/311438 今天我们要写一下Android Widget的开发,由于快点凌晨,我就不说的太具体了,同志们就模仿吧!首先看一下效果图: 下面是Demo的详细步骤: 一、新建一个Android工程命名为:WidgetDemo. 二、准备素材,一个是Widget的图标,一个是Widget的背景。存放目录如下图: 三、修改string.xml文件如下:
四、建立Widget内容提供者文件,我们在res下建立xml文件夹,并且新建一个widget_provider.xml代码入下:
- viewplaincopytoclipboardprint?
- <?xmlversion="1.0"encoding="utf-8"?>
- <resources>
- <stringname="hello">HelloWorld,WidetDemo!</string>
- <stringname="app_name">DaysToWorldCup</string>
- </resources>
- <?xmlversion="1.0"encoding="utf-8"?>
- <resources>
- <stringname="hello">HelloWorld,WidetDemo!</string>
- <stringname="app_name">DaysToWorldCup</string>
- </resources>
五、修改main.xml布局,代码如下:
- viewplaincopytoclipboardprint?
- <?xmlversion="1.0"encoding="utf-8"?>
- <appwidget-providerxmlns:android="http://schemas.android.com/apk/res/android"
- android:minWidth="50dip"
- android:minHeight="50dip"
- android:updatePeriodMillis="10000"
- android:initialLayout="@layout/main"
- />
- <?xmlversion="1.0"encoding="utf-8"?>
- <appwidget-providerxmlns:android="http://schemas.android.com/apk/res/android"
- android:minWidth="50dip"
- android:minHeight="50dip"
- android:updatePeriodMillis="10000"
- android:initialLayout="@layout/main"
- />
七、修改配置文件AndroidManifest.xml,代码如下:
- viewplaincopytoclipboardprint?
- <?xmlversion="1.0"encoding="utf-8"?>
- <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:background="@drawable/wordcup"
- >
- <TextView
- android:id="@+id/wordcup"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:text="@string/hello"
- android:textSize="12px"
- android:textColor="#ff0000"
- />
- </LinearLayout>
- <?xmlversion="1.0"encoding="utf-8"?>
- <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:background="@drawable/wordcup"
- >
- <TextView
- android:id="@+id/wordcup"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:text="@string/hello"
- android:textSize="12px"
- android:textColor="#ff0000"
- />
- </LinearLayout>
- 六、修改WidgetDemo.java代码如下:
- viewplaincopytoclipboardprint?
- packagecom.android.tutor;
- importjava.util.Calendar;
- importjava.util.Date;
- importjava.util.GregorianCalendar;
- importjava.util.Timer;
- importjava.util.TimerTask;
- importandroid.appwidget.AppWidgetManager;
- importandroid.appwidget.AppWidgetProvider;
- importandroid.content.ComponentName;
- importandroid.content.Context;
- importandroid.widget.RemoteViews;
- publicclassWidetDemoextendsAppWidgetProvider{
- /**Calledwhentheactivityisfirstcreated.*/
- @Override
- publicvoidonUpdate(Contextcontext,AppWidgetManagerappWidgetManager,
- int[]appWidgetIds){
- Timertimer=newTimer();
- timer.scheduleAtFixedRate(newMyTime(context,appWidgetManager),1,60000);
- super.onUpdate(context,appWidgetManager,appWidgetIds);
- }
- privateclassMyTimeextendsTimerTask{
- RemoteViewsremoteViews;
- AppWidgetManagerappWidgetManager;
- ComponentNamethisWidget;
- publicMyTime(Contextcontext,AppWidgetManagerappWidgetManager){
- this.appWidgetManager=appWidgetManager;
- remoteViews=newRemoteViews(context.getPackageName(),R.layout.main);
- thisWidget=newComponentName(context,WidetDemo.class);
- }
- publicvoidrun(){
- Datedate=newDate();
- Calendarcalendar=newGregorianCalendar(2010,06,11);
- longdays=(((calendar.getTimeInMillis()-date.getTime())/1000))/86400;
- remoteViews.setTextViewText(R.id.wordcup,"距离南非世界杯还有"+days+"天");
- appWidgetManager.updateAppWidget(thisWidget,remoteViews);
- }
- }
- }
- packagecom.android.tutor;
- importjava.util.Calendar;
- importjava.util.Date;
- importjava.util.GregorianCalendar;
- importjava.util.Timer;
- importjava.util.TimerTask;
- importandroid.appwidget.AppWidgetManager;
- importandroid.appwidget.AppWidgetProvider;
- importandroid.content.ComponentName;
- importandroid.content.Context;
- importandroid.widget.RemoteViews;
- publicclassWidetDemoextendsAppWidgetProvider{
- /**Calledwhentheactivityisfirstcreated.*/
- @Override
- publicvoidonUpdate(Contextcontext,AppWidgetManagerappWidgetManager,
- int[]appWidgetIds){
- Timertimer=newTimer();
- timer.scheduleAtFixedRate(newMyTime(context,appWidgetManager),1,60000);
- super.onUpdate(context,appWidgetManager,appWidgetIds);
- }
- privateclassMyTimeextendsTimerTask{
- RemoteViewsremoteViews;
- AppWidgetManagerappWidgetManager;
- ComponentNamethisWidget;
- publicMyTime(Contextcontext,AppWidgetManagerappWidgetManager){
- this.appWidgetManager=appWidgetManager;
- remoteViews=newRemoteViews(context.getPackageName(),R.layout.main);
- thisWidget=newComponentName(context,WidetDemo.class);
- }
- publicvoidrun(){
- Datedate=newDate();
- Calendarcalendar=newGregorianCalendar(2010,06,11);
- longdays=(((calendar.getTimeInMillis()-date.getTime())/1000))/86400;
- remoteViews.setTextViewText(R.id.wordcup,"距离南非世界杯还有"+days+"天");
- appWidgetManager.updateAppWidget(thisWidget,remoteViews);
- }
- }
- }
八、点击运行(Ctrl+F11),之,运行成功后,我们长时间点击桌面,会出现如下俩个,依次点击,就可以看到最上面的效果图: 今天就到这里了,我困了呵呵,我发现时间好像不对劲,lol~我也不去多想了,大家知道的告诉我下!对日历这些东西不是太了解,谢谢!! Android高手进阶教程(五)之----Android 中LayoutInflater的使用! 2010-04-21 21:11:25 标签: android开发 Android Layoutinflater android教程 移动开发 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处、作者信息和本声明。否则将追究法律责任。 http://weizhulin.blog.51cto.com/1556324/311450 大家好我们这一节讲的是LayoutInflater的使用,在实际开发种LayoutInflater这个类还是非常有用的,它的作用类似于 findViewById(), 不同点是LayoutInflater是用来找layout下xml布局文件,并且实例化!而findViewById()是找具体xml下的具体 widget控件(如:Button,TextView等)。 为了让大家容易理解我做了一个简单的Demo,主布局main.xml里有一个TextView和一个Button,当点击Button,出现 Dialog,而这个Dialog的布局方式是我们在layout目录下定义的custom_dialog.xml文件(里面左右分布,左边 ImageView,右边TextView)。 效果图如下: 下面我将详细的说明Demo的实现过程: 1、新建一个 Android工程,我们命名为LayoutInflaterDemo. 2、修改main.xml布局,里面主要在原来基础上增加了一个Button.代码如下:
- viewplaincopytoclipboardprint?
- <?xmlversion="1.0"encoding="utf-8"?>
- <manifestxmlns:android="http://schemas.android.com/apk/res/android"
- package="com.android.tutor"
- android:versionCode="1"
- android:versionName="1.0">
- <applicationandroid:icon="@drawable/icon"android:label="@string/app_name">
- <receiverandroid:name=".WidetDemo"
- android:label="@string/app_name">
- <intent-filter>
- <actionandroid:name="android.appwidget.action.APPWIDGET_UPDATE"/>
- </intent-filter>
- <meta-dataandroid:name="android.appwidget.provider"
- android:resource="@xml/widget_provider"
- />
- </receiver>
- </application>
- <uses-sdkandroid:minSdkVersion="7"/>
- </manifest>
- <?xmlversion="1.0"encoding="utf-8"?>
- <manifestxmlns:android="http://schemas.android.com/apk/res/android"
- package="com.android.tutor"
- android:versionCode="1"
- android:versionName="1.0">
- <applicationandroid:icon="@drawable/icon"android:label="@string/app_name">
- <receiverandroid:name=".WidetDemo"
- android:label="@string/app_name">
- <intent-filter>
- <actionandroid:name="android.appwidget.action.APPWIDGET_UPDATE"/>
- </intent-filter>
- <meta-dataandroid:name="android.appwidget.provider"
- android:resource="@xml/widget_provider"
- />
- </receiver>
- </application>
- <uses-sdkandroid:minSdkVersion="7"/>
- </manifest>
3.定义对话框的布局方式,我们在layout目录下,新建一个名为 custom_dialog.xml文件具体代码如下:
- viewplaincopytoclipboardprint?
- <?xmlversion="1.0"
- encoding="utf-8"?>
- <LinearLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- >
- <TextView
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:text="@string/hello"
- />
- <Button
- android:id="@+id/button"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="ShowCustomDialog"
- />
- </LinearLayout>
- <?xmlversion="1.0"
- encoding="utf-8"?>
- <LinearLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- >
- <TextView
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:text="@string/hello"
- />
- <Button
- android:id="@+id/button"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="ShowCustomDialog"
- />
- </LinearLayout>
4.修改主程序LayouInflaterDemo.java代码如下:
- viewplaincopytoclipboardprint?
- <?xmlversion="1.0"
- encoding="utf-8"?>
- <LinearLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="horizontal"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:padding="10dp"
- >
- <ImageViewandroid:id="@+id/image"
- android:layout_width="wrap_content"
- android:layout_height="fill_parent"
- android:layout_marginRight="10dp"
- />
- <TextViewandroid:id="@+id/text"
- android:layout_width="wrap_content"
- android:layout_height="fill_parent"
- android:textColor="#FFF"
- />
- </LinearLayout>
- <?xmlversion="1.0"
- encoding="utf-8"?>
- <LinearLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="horizontal"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:padding="10dp"
- >
- <ImageViewandroid:id="@+id/image"
- android:layout_width="wrap_content"
- android:layout_height="fill_parent"
- android:layout_marginRight="10dp"
- />
- <TextViewandroid:id="@+id/text"
- android:layout_width="wrap_content"
- android:layout_height="fill_parent"
- android:textColor="#FFF"
- />
- </LinearLayout>
5、最后执行之,点击Button,将得到上述效果。 好今天就到此为止,睡觉了,大家有什么不明白的请留言~谢谢!
- viewplaincopytoclipboardprint?
- packagecom.android.tutor;
- importandroid.app.Activity;
- importandroid.app.AlertDialog;
- importandroid.content.Context;
- importandroid.os.Bundle;
- importandroid.view.LayoutInflater;
- importandroid.view.View;
- importandroid.view.View.OnClickListener;
- importandroid.widget.Button;
- importandroid.widget.ImageView;
- importandroid.widget.TextView;
- publicclassLayoutInflaterDemoextendsActivityimplements
- OnClickListener{
- privateButtonbutton;
- publicvoidonCreate(BundlesavedInstanceState){
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- button=(Button)findViewById(R.id.button);
- button.setOnClickListener(this);
- }
- @Override
- publicvoidonClick(Viewv){
- showCustomDialog();
- }
- publicvoidshowCustomDialog()
- {
- AlertDialog.Builderbuilder;
- AlertDialogalertDialog;
- ContextmContext=LayoutInflaterDemo.this;
- //下面俩种方法都可以
- ////LayoutInflaterinflater=getLayoutInflater();
- LayoutInflaterinflater=(LayoutInflater)
- mContext.getSystemService(LAYOUT_INFLATER_SERVICE);
- Viewlayout=inflater.inflate(R.layout.custom_dialog,null);
- TextViewtext=(TextView)layout.findViewById(R.id.text);
- text.setText("Hello,WelcometoMrWei'sblog!");
- ImageViewimage=(ImageView)layout.findViewById(R.id.image);
- image.setImageResource(R.drawable.icon);
- builder=newAlertDialog.Builder(mContext);
- builder.setView(layout);
- alertDialog=builder.create();
- alertDialog.show();
- }
- }
- packagecom.android.tutor;
- importandroid.app.Activity;
- importandroid.app.AlertDialog;
- importandroid.content.Context;
- importandroid.os.Bundle;
- importandroid.view.LayoutInflater;
- importandroid.view.View;
- importandroid.view.View.OnClickListener;
- importandroid.widget.Button;
- importandroid.widget.ImageView;
- importandroid.widget.TextView;
- publicclassLayoutInflaterDemoextendsActivityimplements
- OnClickListener{
- privateButtonbutton;
- publicvoidonCreate(BundlesavedInstanceState){
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- button=(Button)findViewById(R.id.button);
- button.setOnClickListener(this);
- }
- @Override
- publicvoidonClick(Viewv){
- showCustomDialog();
- }
- publicvoidshowCustomDialog()
- {
- AlertDialog.Builderbuilder;
- AlertDialogalertDialog;
- ContextmContext=LayoutInflaterDemo.this;
- //下面俩种方法都可以
- ////LayoutInflaterinflater=getLayoutInflater();
- LayoutInflaterinflater=(LayoutInflater)
- mContext.getSystemService(LAYOUT_INFLATER_SERVICE);
- Viewlayout=inflater.inflate(R.layout.custom_dialog,null);
- TextViewtext=(TextView)layout.findViewById(R.id.text);
- text.setText("Hello,WelcometoMrWei'sblog!");
- ImageViewimage=(ImageView)layout.findViewById(R.id.image);
- image.setImageResource(R.drawable.icon);
- builder=newAlertDialog.Builder(mContext);
- builder.setView(layout);
- alertDialog=builder.create();
- alertDialog.show();
- }
- }
更多相关文章
- Android中JavaScript和Native之间的Bridge
- 安卓开发06:布局-线性布局 LinearLayout
- android 官网处理图片 代码
- android ListView上拉加载更多 下拉刷新功能实现(采用pull-to-ref
- android长按弹出对话框
- android手机震动代码
- Android随笔之标题栏的去除以及自定义
- Android(安卓)对话框AlertDialog和AlertDialog.Builder两者的区
- 【Android开发】布局管理器-相对布局