Android 中关于九宫格图片的那些事 |
您所在的位置:网站首页 › 九宫格定义数学图片怎么做 › Android 中关于九宫格图片的那些事 |
文章目录
背景拉伸对比定义与原理制作点九图片图片加工说明
背景
最近看了会书,然后有个知识点还是比较重要的。也对同学们的开发是有帮助的,这里简单的记录下。 拉伸对比普通图片和九宫格图片拉伸效果对比如下图示:
为了解决图片过度拉伸后显示模糊的问题,Android 专门设计了点九图片。 点九图片的扩展名是 png,文件名后常带有 “.9” 字样。因为把一张图片划分成了3×3 的九宫格区域,所以得名点九图片,也叫九宫格图片。 如果背景是一个 shape 图形,其 stroke 节点的 width 属性已经设置了具体的像素值(如1dp),那么无论该 shape 图形被拉伸到多大,描边宽度始终都是1dp。 点九图片的实现原理与 shape 类似,即拉伸图形时,只对内部进行拉伸,不对边缘做拉伸操作。 制作点九图片studio 已经集成了制作点九图片的功能,如下图示: 并在随后的对话框中单击 “OK” 按钮。接着 drawable 目录就会出现一个名为“btn.9.png” 的图片文件,双击该文件,右侧弹出点九图片的加工窗口如下图示:
在左侧窗口图片四周的马赛克处单击会出现一个黑点,把黑点左右或上下拖动会拖出一段黑线,不同方向上的黑线表示不同的效果。 图片加工说明 界面上边的黑线指的是水平方向的拉伸区域。水平方向拉伸图片时,只有黑线区域内的图像会拉伸,黑线两边的图像保持原状,从而保证左右两边的边框厚度不变。如下图:![]() 比如某个页面的文字总是与顶端有段间隔,可是无论怎么调整XML和代码都没法缩小间隔,你有没有想过是点九图片导致的。因为点九图片在水平和垂直方向都设置了padding。 技术永不眠!我们下期见! |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |