Android应用程序实现自动更新功能3_UI进度条设计

最新推荐文章于 2021-05-26 12:25:40 发布

奔波的IT人

最新推荐文章于 2021-05-26 12:25:40 发布

阅读量1.3k

点赞数

分类专栏： android 文章标签：自动更新 android

本文链接：https://blog.csdn.net/taoxugang2012/article/details/29573733

版权

android 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

前面已经介绍了服务器和客户端的实现，本节介绍UI上的设计，UI设计中主要还是进度条的设计

在应用中需要获取当前版本的信息，代码如下：

private String getVersionCode(Context mcontext){
		 String versionCode = null;
		 
	    try
	    {

	       versionCode = mcontext.getPackageManager().getPackageInfo("com.example.apkupgrade", 0).versionName;
	    } catch (NameNotFoundException e)
	    {
	        e.printStackTrace();
	    }
	    return versionCode;
	}

主程序的UI界面activity_apkupgrade.xml：

<?xml version="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:id="@+id/textview"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_gravity="center_horizontal"
		android:text="@string/version_info"
		android:textSize="25sp"
		/>
    
	<Button
		android:id="@+id/btnUpdate"
		android:layout_width="match_parent"
		android:layout_height="wrap_content"
		android:text="检查更新"
		/>
	<Button
		android:id="@+id/btnInstall"
		android:layout_width="match_parent"
		android:layout_height="wrap_content"
		android:text="安装"
		/>
</LinearLayout>

主界面为：

点击检查更新后就会通过http获取服务器的版本信息文件version.xml文件，然后弹出服务器的信息窗口

这种弹出方式使用AlertDialog的实现方式，实现代码如下：

AlertDialog.Builder builder = new Builder(ApkupgradeActivity.this);
		builder.setTitle(R.string.soft_update_state);
		final LayoutInflater inflater = LayoutInflater.from(ApkupgradeActivity.this);
		View v = inflater.inflate(R.layout.update_version, null);
		TextView curversion = (TextView) v.findViewById(R.id.currversion);
		curversion.setText(curversion.getText()+getVersionCode(ApkupgradeActivity.this));
		TextView serversion = (TextView) v.findViewById(R.id.serversion);
		serversion.setText(serversion.getText()+hashMap.get("version"));
		TextView sername = (TextView) v.findViewById(R.id.sername);
		sername.setText(sername.getText()+hashMap.get("name"));
		TextView serurl = (TextView) v.findViewById(R.id.serurl);
		serurl.setText(serurl.getText()+hashMap.get("url"));
		
		builder.setView(v);
		
		builder.setPositiveButton(R.string.soft_update_updatebtn, new DialogInterface.OnClickListener()
		{
			@Override
			public void onClick(DialogInterface dialog, int which)
			{
				dialog.dismiss();
				// 显示下载对话框
				showDownloadDialog();
			}
		});

		builder.setNegativeButton(R.string.soft_update_later, new DialogInterface.OnClickListener()
		{
			@Override
			public void onClick(DialogInterface dialog, int which)
			{
				dialog.dismiss();
			}
		});
		Dialog noticeDialog = builder.create();
		noticeDialog.show();

然后点击立即更新就会进入到下载的提示界面：

下载弹出窗口的代码实现：

private void showDownloadDialog(){

		AlertDialog.Builder builder = new Builder(ApkupgradeActivity.this);
		builder.setTitle(R.string.soft_updating);
		final LayoutInflater inflater = LayoutInflater.from(ApkupgradeActivity.this);
		View v = inflater.inflate(R.layout.softupdate_progress, null);
		mProgress = (ProgressBar) v.findViewById(R.id.update_progress);
		prostate = (TextView) v.findViewById(R.id.prostate);
		
		builder.setView(v);
		
		builder.setNegativeButton(R.string.soft_update_cancel, new DialogInterface.OnClickListener()
		{
			@Override
			public void onClick(DialogInterface dialog, int which)
			{
				dialog.dismiss();
				// 设置取消状态
				cancelUpdate = true;
			}
		});
		mDownloadDialog = builder.create();
		mDownloadDialog.show();
		// 现在文件
		//downloadApk();
		new downloadApkThread().start();
		
	 }

其中的布局文件softupdate_progress.xml文件如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent"
	android:layout_height="wrap_content">
	<FrameLayout 
	android:layout_width="fill_parent"
	android:layout_height="80dp"
	android:background="@color/SlateGray"
	android:orientation="horizontal" >
	<TextView
	    android:id="@+id/prostate"
	    android:layout_marginLeft="20dip"
		android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:text="0%100"
		android:textColor="@color/GhostWhite"
		/>
		<ProgressBar
		android:id="@+id/update_progress"
		android:layout_width="500dp"
		android:layout_height="wrap_content"
		style="?android:attr/progressBarStyleHorizontal"
		android:progressDrawable="@drawable/progressbar_style"
		android:progress="0" android:max="100" android:secondaryProgress="100" 
		android:layout_gravity="center" />
	</FrameLayout>
</LinearLayout>

安卓的UI布局中，我还是喜欢使用帧布局。系统自带的进度条风格实在是太丑了，自己加入了drawable/progressbar_style.xml文件。

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

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

	<item android:id="@android:id/background" >
	<shape>
		<corners android:radius="5.0dip" />
	<gradient android:startColor="#656666" android:endColor="#dbdedf" android:angle="270.0" android:centerY="0.75" android:centerColor="#bbbbbc" />
	</shape>
	</item>
	<item android:id="@android:id/secondaryProgress">
	<clip>
		<shape>
		<corners android:radius="0.0dip" />
		<gradient android:startColor="@color/LightSlateGray" android:endColor="@color/LightSlateGray" android:angle="90.0" android:centerY="0.75" android:centerColor="@color/LightSlateGray" />
		</shape>
	</clip>
	</item>
	<item android:id="@android:id/progress">
	<clip>
		<shape>
		<corners android:radius="0.0dip" />
		<gradient android:startColor="@color/LightSkyBlue" android:endColor="@color/SteelBlue" android:angle="270.0" />
		</shape>
	</clip>
	</item>
</layer-list>