Android LevelList使用实例

大家对android系统电池状态改变的显示已经很熟悉了，但它是如何实现的呢？它是利用了什么技术呢？也许你有你自己的实现方式，但android系统是利用LevelList来实现的。你知道么？

下面通过一个具体的实例来说明一下：

运行示意图：1.为初始化的界面；2.为输入25时的界面；3.为输入45时的界面；4.为输入65时的界面；5.为输入0时的界面，6.为输入100时的图片，7为输入105时的图片

                

新建一个名称为LevelList的Adnroid项目工程

编写界面文件activity_main.xml

<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">    <ImageView        android:id="@+id/level_list_img"         android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/levellist"        android:layout_alignParentTop="true"        android:layout_centerHorizontal="true"        android:contentDescription="@string/app_name"        />    <EditText         android:id="@+id/level_et"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_centerVertical="true"        android:inputType="numberSigned"        />    <Button         android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:onClick="change"        android:text="@string/button_text"        android:layout_alignParentBottom="true"        android:layout_centerHorizontal="true"        android:layout_marginBottom="20dp"/></RelativeLayout>

在ImageView中使用了LevelList图形资源，该图形资源使用了LevelList的技术，levellist.xml位于drawable文件夹下。

Levellist.xml文件如下所示：

<?xml version="1.0" encoding="utf-8"?><level-list xmlns:android="http://schemas.android.com/apk/res/android" >    <!-- 0到 20显示这个图片--><item android:drawable="@drawable/s1" android:minLevel="0" android:maxLevel="20"></item> <!-- 21到 40显示这个图片--><item android:drawable="@drawable/s2" android:minLevel="21" android:maxLevel="40"></item><!-- 41到 60显示这个图片--><item android:drawable="@drawable/s3" android:minLevel="41" android:maxLevel="60"></item><!-- 61到100显示这个图片--><item android:drawable="@drawable/s4" android:minLevel="61" android:maxLevel="100"></item></level-list>

MainAcitivity.java文件如下所示：

package com.shen.levellist;import android.app.Activity;import android.graphics.drawable.LevelListDrawable;import android.os.Bundle;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.widget.EditText;import android.widget.ImageView;public class MainActivity extends Activity {private ImageView levelImg;private EditText levelEt;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);levelImg = (ImageView) findViewById(R.id.level_list_img);levelEt = (EditText) findViewById(R.id.level_et);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}@Overridepublic boolean onOptionsItemSelected(MenuItem item) {// Handle action bar item clicks here. The action bar will// automatically handle clicks on the Home/Up button, so long// as you specify a parent activity in AndroidManifest.xml.int id = item.getItemId();if (id == R.id.action_settings) {return true;}return super.onOptionsItemSelected(item);}public void change(View v){int iLevel = 0;String level = levelEt.getText().toString();LevelListDrawable levelListDrawable = (LevelListDrawable) levelImg.getDrawable();try {iLevel = Integer.valueOf(level);} catch (Exception e) {iLevel = 0;}levelListDrawable.setLevel(iLevel);}}

项目中用到的图片资源：

项目源码下载