在web前端设计开发这种,常常会用到可拉伸元素,比如气泡、不规则背景板、特殊投影切图等等 。下面我们一起来了解掌握关于不同平台如何使用可拉伸元素的一些知识内容 。
文章插图
为什么要使用可拉伸元素?【web前端开发的基础知识 不同平台如何使用可拉伸元素?】自适应适配
如果一个样式里面的内容有多有少,我们需要用到可拉伸元素以适应不同的场景 。
适配不同分辨率
可拉伸元素在不同的分辨率下只需要用一张就可以了 。
减少图片的大小
比如一张带特殊投影的背景板,正常切图体积很大的时候,我们可以考虑只切一部分以减少图片体积 。
不同平台如何使用可拉伸元素?安卓:.9是安卓平台应用软件开发里的一种特殊的图片形式,文件扩展名为:.9.png;这种格式的图片能让开发了解到哪部分可以被拉伸,哪一部分需要保持原有比例 。
iOS:iOS系统自带的拉伸属性只需要提供图片质量较高的切图即可,拉伸效果可以直接由代码控制 。
H5:切图+开发自己写规则图形拼接,需要注意的是,拼接的图形都需要是规则图形 。
· 如果气泡的小三角是规则的三角形的话不需要提供切图 。
· 如果气泡的小三角是带圆角的三角形是需要提供切图的,可以提供一个三角形的svg 。
以上就是关于可拉伸元素的使用方法,在设计和开发中可拉伸元素是一个很方便的功能,可以很好的使图片适配于不同场景中 。
推荐阅读
- python游戏开发中的精灵是什么?python中精灵与碰撞是什么?
- 抖音小店税收怎么算?如何开发票?
- 为什么开发python项目会使用mongdb?mongdb有什么优势
- Python开发中match和search的区别是什么?超详细的介绍来了
- 拼多多个人店铺怎么开发票?可以不开吗?
- 拼多多推广费可以开发票吗?怎么申请开发票?
- lazada菲律宾怎么开发票?发票怎么打印?
- 布局框架在web设计中有什么作用?设计原则是什么?
- 浅谈茶皂素的开发应用
- DW如何创建web表单?操作方法是什么?