IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 嵌入式 -> 点九图的制作 -> 正文阅读

[嵌入式]点九图的制作

1、参考资源

https://www.sohu.com/a/208634499_505826
https://blog.csdn.net/weixin_44775811/article/details/109488657
https://blog.csdn.net/weixin_44775811/article/details/109488657

有关点九的介绍和作用

点就图是一种android认可的一种后缀为.9.png的特殊格式的图片
点九图就是在画黑线部分区域可自由拉伸,可以使图片不失真

2、有关注意事项

1、左边和上边的黑线画的越长就拉伸的越长,在android studio 中制作时,只能描点,不然会提示错误区域。
/2、ps制作的点九图,然后把项目打包测试时,总是不能打包,有错误日志提示时点九图的错误。最后通过对android studio的操作,发现黑线和黑线的交汇处不能操作描点。还有最好还是描点吧,不然拉伸比例不协调。
3、感觉android studio 还是不太好用,描点没有参考线,太难画了,简直就是盲画。以后可以试试继续用ps来制图。
4、点九图只能被拉伸变大变长,不能被压缩变小变短,所以一定要制作尽可能小的点九图,点九图的拉伸区域可以是不连续的,用来避开一些不可以拉伸的区域

3、制作步骤
用ps来制作

1、点击图像下的画布,画布长和宽各加2px,定位中心位置,然后上下左右都空中1px的位置来画黑线
2在需要需要画黑线的区域画黑线和描点
3、注意黑线和黑线交汇的地方不可操作和描点
4、导出并web所用的格式保存为.g.png图片

用android studio来制作

1、复制图片到drawable的文件下,右键这张图片,选择create 9-Patch file…
2、这里会选择.9图片的路径和命名(这里就不管,默认保存),点击OK
3、双击点击.9.png,我们可以看到左边是对图片的操作界面,右边则是实时的显示界面。接下来,我们要对图片进行描边了,描边之前一定要清楚四条边的含义,上左控制拉伸位置,下右控制内容显示位置。
4、介绍一下绘图区下的几个选项
首先我们要把图片下方的show bad patches勾选上,此时(如果点九图片绘制有误的话)会看到图片出现报错的区域
说明一下:图片下方的show content如果勾选上,会看到右侧的小图中出现蓝色的区域,代表的是可以自动拉伸的部分。
如果发现你的点9图片太小或者极小,可以拖动图片下方的zoom放大图片,然后就可以精确操作了。

android studio生成不同分辨率的图片

1、右键点击.9.png图片,new后面的菜单有一个image Asset
2、填写一下以下信息信息在这里插入图片描述
3、复制480.9.png,然后选择不同的分辨率来粘贴,然后480.9.png下面会出现不同的分辨率的图片
在这里插入图片描述

  嵌入式 最新文章
基于高精度单片机开发红外测温仪方案
89C51单片机与DAC0832
基于51单片机宠物自动投料喂食器控制系统仿
《痞子衡嵌入式半月刊》 第 68 期
多思计组实验实验七 简单模型机实验
CSC7720
启明智显分享| ESP32学习笔记参考--PWM(脉冲
STM32初探
STM32 总结
【STM32】CubeMX例程四---定时器中断(附工
上一篇文章      下一篇文章      查看所有文章
加:2021-10-19 12:03:02  更:2021-10-19 12:05:05 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/26 6:42:09-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码