点九图简单介绍及制作教程

 时间:2024-10-12 23:19:13

1、相较于普通截图方式,点九图最为明显的区别就是图片不保留内容显示区域且自带一圈不成规律的黑边。正是这圈黑边提供了点九图的各个属性以适应各种情况。

点九图简单介绍及制作教程

2、简单点来说,1、2部分规定了图像的可拉伸部分,而3、4部分规定了图像的内容区域。当实际程序中设定了对话框的宽高时,1、2部分就会被拉伸成所需要的高和宽,呈现出于设计稿一样的视觉效果。

3、那么内容区域是干嘛的呢?内容区域规定了可编辑区域。例如,对话框是圆角,文字需要被包裹在其内,如果4像3一样顶到两遍,显示的效果会是如下图。

点九图简单介绍及制作教程

5、然后将这些内容拼接成一个完整的整体。

点九图简单介绍及制作教程点九图简单介绍及制作教程

7、最后保存时注意”.9.png“

点九图简单介绍及制作教程

8、点九图就是Android上的一种可被拉升的图片。(IOS不需要)格式以.9.png结尾。图像用边上纯黑色1PX像素(透明底上的纯黑,其他都不行。)的边来规定拉伸区域和内容区域。上边和左边为拉升区域,右边和下边为内容区域。(这1PX像素在程序最终输出的效果中不会被显示。)

  • 如何利用Photoshop快速的把图片填充
  • PSphotoshop中按Ctrl+Alt+T没反应弹出广播【图
  • 生态园林景观设计的3点要求
  • 如何用PS覆盖掉图片中的障碍物
  • 怎样下载谷歌
  • 热门搜索
    万事顺遂是什么意思 开户支行是什么意思 安之若素是什么意思 大智若愚是什么意思 ruby什么意思 奥利给什么意思 期货是什么意思 扬州瘦马什么意思呢 百合花代表什么意思 h是什么单位