Android Studio中.9.PNG图片的应用

来源:互联网 发布:屏幕防蓝光软件 编辑:程序博客网 时间:2024/05/16 07:26

好久没敲代码,脑袋都不灵光了。闲着无聊,做一个小的应用练练手。在布局文件中用了一个线性布局,里面放了两个ImageButton,一个TextView,当我把三个权重声明为1时,显示效果很差,整个图片被拉长了。解决方法就是用Android Studio自带的9-Patch工具。


选中图片 右键点击弹出菜单,选择最后一项“Create 9-Patch file...”,点击后直接确认就会在当前文件夹创建一个后缀名为.9.png的图片,以我的菜单文件为例:


接下来就可以编辑自己的.9图片,顺便说一下,要用.9图片,需要把原来的图片删掉,我这里删掉menuf.png,保留编辑完的menuf.9.png就可以了,在xml文件中引用的时候不需要加.9后缀,直接引用文件名就行了,如:

android:background="@drawable/menuf"

接着说一说.9Patch工具的使用,以下面图片为例:


左边和上面的直线共同决定了图片的缩放区域,黑色线条交叉区域就是图片随着不同的屏幕放大或者缩小的区域。右边和下面的直线决定了图片内容显示区域,我们要使白色的菜单图标不被拉伸变形,就如图中所示一样使右边和下面的黑色粗线交叉的部分为菜单图标,这样编辑好图片后看右边三个预览就可以看出效果。通过9-Patch工具后预览效果明显好了不少!


1 0
原创粉丝点击