Button背景问题详解和制作 带图分解

 时间:2024-10-06 04:11:47

有没有办法让botton图片缩放时四个角不变模糊,也就是四个角不随图片整体做放缩,这样的话不论button或高或宽,或大或小,背景图片都不会变模糊?

Button背景问题详解和制作 带图分解

Button背景问题详解和制作 带图分解

Button背景问题详解和制作 带图分解

工具/原料

电脑

软件

方法/步骤

1、可以将图片划分为九个区域,四个角、四条边和中间区域。四个角不呀贰硭眶做放缩,当图片要水平拉长时,只让上下绿块以及中间紫块水平拉长;当图片要垂直长高时,只跛星笸浊让左右绿块以及中间紫块垂直长高;这样四角都不会变化,图片就不会出现锯齿。来看看Android中NinePatch类的定义: NinePatch类可以绘制一个九宫格式的图片。它的四个角不会缩放;四个边会沿着一个轴的方向缩放。中间的区域会在两个轴上都缩放。本质上,就是允许你创建按照你定义的方式缩放的图片。

Button背景问题详解和制作 带图分解

2、NinePatch图片的工作原理和使用 如何将一个普通的PNG图片划分为九宫格并变成NinePatch图呢? 可以在普通的PNG图片周围额外增加1像素宽的边界,在上边界和左边界画上黑色的线段,根据这两条线段就可以将图片划分为九个区域。

Button背景问题详解和制作 带图分解

3、Android中NinePatchDrawable是一个包含床痤迷茸额外1像素宽边界的标准PNG图像,它以.9.png为后缀,保存在工程的res/drawable/目录下。  这个边界是用来输奘兔炫确定图像的可伸缩区域和内容区域。你可以在左边和上边的线上画一个或多个黑色的1个像素指出可伸缩的部分(你可能需要很多可伸缩区域)。  还可以在图像的右边和下边画一条可选的drawable区域。如果View设置NinePath图片为背景并且含有Text,它将自行伸缩以使所有的Text在右线与底部线确定的的区域中(如果有的话)。总之,左边跟顶部的线来确定哪些区域的像素允许在伸缩时被复制。底部与右边的线用来定义一个相对的区域,View的内容就放入其中。图片的使用与普通png图片的使用方法一样。

Button背景问题详解和制作 带图分解

4、使用draw9patch.bat制作NinePatch图  draw9patch.bat可以很容易的通过一个所见即所得(WYS|WYG)的图片编辑器来制作NinePatch图。

Button背景问题详解和制作 带图分解

5、下面是一个便捷指南。  瞢铍库祢a)sdk\tools\draw9patch.bat双击打开。  b)将PN镟搞赃呓G图片拖放到这个工具的窗口中(或者通过File->Open9-patch...来选择文件)。  工作台的左边窗格是绘制区域,在里面可以通过绘制边界上的黑色线段确定可延伸的宫格和内容区域。右边窗格是预览区域,从中你可以预览图形的拉伸。  c)在1个像素宽的边界里点击,绘制线条来定义可延伸宫格以及(可选的)内容区域。点击右键(或者按住Shift并点击)取消之前画的线。  d)完成后,选择File$amp;>amp;$nbsp;Save9-patch...,图片将以.9.png文件名保存。  注意:打开一个普通的PNG文件(*.png),会额外添加一个1像素宽的边界。打开一个九宫格文件(*.9.png)将不会添加边界,因为已经存在。  其他的一些功能:

Button背景问题详解和制作 带图分解

Visual Studio纯文本滚动条如何显示错误 Visio2016如何新建基本框图? 如何使用CSS3中的flex属性控制元素分块显示 如何使用python对变量求导、求雅可比、黑塞矩阵 宝可梦大探险在哪里查看排行榜
热门搜索
牛蒡图片 巨人观图片 蜘蛛图片 蔬菜图片大全大图 夹竹桃图片