当前位置:操作系统 > 安卓/Android >>

Android使用NinePatch图片实现大小可变的Button

在Android的一些应用程序中,有时要用到大小可以延展的图片做背景,实现的方法是使用NinePatch。

下面是一个用NinePatch图片给Button做背景的例子,实现一个可以随文字大小而改变的图片Button:

准备一张NinePatch资源图片(button.9.png),具体方法参考(http://www.zzzyk.com/kf/201205/133933.html);
将button.9.png拖曳(drag)到android工程的/res/drawable-mdpi目录下。
修改main.XML文件:
[html] <?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="fill_parent" 
    android:orientation="vertical" > 
 
    <TextView 
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content" 
        android:text="@string/hello" /> 
 
    <Button 
        android:id="@+id/btn1" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:background="@drawable/button" 
        android:text="music" 
        android:textSize="12sp" /> 
 
    <Button 
        android:id="@+id/btn2" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:background="@drawable/button" 
        android:text="dialer" 
        android:textSize="24sp" /> 
 
    <Button 
        android:id="@+id/btn3" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:background="@drawable/button" 
        android:text="wall易做图" 
        android:textSize="48sp" /> 
 
</LinearLayout> 
<?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="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/hello" />

    <Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/button"
        android:text="music"
        android:textSize="12sp" />

    <Button
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/button"
        android:text="dialer"
        android:textSize="24sp" />

    <Button
        android:id="@+id/btn3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/button"
        android:text="wall易做图"
        android:textSize="48sp" />

</LinearLayout>

这里的做法是,在UI上摆放Button元件,并设定Button上的文字及大小。通过「android:background」属性设定,将Button的背景设定为「@drawable/button」,即「drawable资源(drawable-mdpi/目录)里的button图片」,Android框架会去找到button.9.png档案。因为button.9.png是一张NinePatch图片,因此会随着Button上的文字大小延展。

此时所有工作已完成,不需要改写任何代码,程序运行效果如下:

\






摘自 Young的专栏

补充:移动开发 , Android ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,