Android学习笔记.9.png格式图片

摘要:
.9.png可以保证图片在合适的位置进行局部拉伸,避免了图片全局缩放造成的图片变形问题。AS提供了制作点9图片的便捷入口,并且会检查你的.9图是否有不合理的拉伸区域。AndroidStudio点九图制作工具介绍zoom:左侧原图缩放比例Pathscale:左边点9图的缩放效果showlock:勾选后鼠标放在原图上可以看被锁定的区域showContent:勾选后可以显示蓝色可填充内容区域,白色部分为不可填充内容区域showpatches:显示原图中可以缩放的区域showbadpatches:显示原图中不规范的缩放区域。

.9.png可以保证图片在合适的位置进行局部拉伸,避免了图片全局缩放造成的图片变形问题。AS提供了制作点9图片的便捷入口,并且会检查你的.9图是否有不合理的拉伸区域。

Android学习笔记.9.png格式图片第1张

选中图片点击create 9-path file就创建了一张点9图。

As 中使用点9图的注意事项
  • 1、点9图片每个边都必须有黑线标记;
  • 2、点9图片每个边只能一条黑线标记;
  • 3、左边和上边的线用于限制可以拉伸的区域,右边和下边的线用于限制内容可以显示的区域;
  • 4、AS中可以直接制作点9图片;
  • 5、AS中点9图片要放在drawable中而不是mipmap中;
4条黑边的意义

Android学习笔记.9.png格式图片第2张

1黑色条位置向下覆盖的区域表示图片可以横向拉伸区域
2号黑色条位置向右覆盖的区域表示图片能纵向拉伸区域
3号黑色条位置向左覆盖的区域表示图片纵向显示内容的区域(在手机上主要是文字区域)
4号黑色条位置向上覆盖的区域表示图片横向显示内容的区域(在手机上主要是文字区域)

如果画错了黑线怎么办

按住鼠标左键+shift键即可以消除。

AndroidStudio点九图制作工具介绍

Android学习笔记.9.png格式图片第3张

zoom:左侧原图缩放比例
Path scale:左边点9图的缩放效果
showlock:勾选后鼠标放在原图上可以看被锁定的区域

Android学习笔记.9.png格式图片第4张

showContent:勾选后可以显示蓝色可填充内容区域,白色部分为不可填充内容区域

Android学习笔记.9.png格式图片第5张

show patches:显示原图中可以缩放的区域(紫色部分)

Android学习笔记.9.png格式图片第6张

show bad patches:显示原图中不规范的缩放区域。

Android学习笔记.9.png格式图片第7张

免责声明:文章转载自《Android学习笔记.9.png格式图片》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇iOS-SQLite数据库使用介绍四舍五入[银行家算法]下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Unity3D去掉全屏时的屏幕黑边

给全屏后不在乎拉伸变形仍想让画面占满屏幕的朋友,网上搜了一上午,实在是没有相关的资料,只能自己琢磨了。 使用Canvas Scaler在全屏后Unity虽然会为我们自动拉伸UI,但拉伸后仍然保持我们在Unity中设置的高宽比。屏幕中的黑边需要通过代码来对UI的内容进行拉伸填充。 下面是我的测试环境: Unity3D 5.3.4 Win 10 64bit 测...

android 9Path图片的使用

Android UI设计时,经常会使用图片作为背景,比如给按钮设置背景图片时,图片会默认缩放来适应整个按钮。但是有时这种缩放效果并不是我们所需求的。而我们只是希望缩放图片的特定位置,以此来保证按钮的视觉效果。此时,官方提供的9-Path图片处理工具就派上用场了。 首先,9-Patn工具默认位于Android SDK  的tools文件夹中,双击“draw9...

CSS3 border-image详解、应用

一、border-image的兼容性 border-image可以说是CSS3中的一员大将,将来一定会大放光彩,其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限,仅Firefox3.5,chrome浏览器,Safari3+支持border-image。所以,就本文而言,IE浏览器可以回家休息了,Firefox3及其以下以及Opera浏览器也可以休息去看...

vue项目使用自适应布局投屏到物理拼接屏变形的处理

这段时间,一直在做一个大屏项目,它的需求是:物理屏幕(LED拼接屏)的分辨率为:6720*2160,大屏页面需满足:通过屏幕分辨率为1920*1080的PC的浏览器访问IOC大屏,接HDMI线投屏后,物理大屏可被填满,显示分辨率为6720*2160,不会出现图像拉伸或压缩。 有了几个大屏经验的我们,直接就选择了vue+element ui 来做这个项目,另...

代价敏感学习初探

1. 代价敏感学习简介 0x1:如何将业务场景中对FP和FN损失的不同接受程度,调整我们的损失函数 1. 什么场景下需要代码敏感学习 在很多真实业务场景中,包括笔者所在的网络安全领域,误报造成的损失常常比漏报来的要大,原因很简单,如果一个IDS系统每天都在产生大量虚警,那么对事件响应处理人员的压力就会非常大,时间久了,大家对IDS的信任度就会下降,同时真实...

[Android]自己动手做个拼图游戏

目标 在做这个游戏之前,我们先定一些小目标列出来,一个一个的解决,这样,一个小游戏就不知不觉的完成啦。我们的目标如下: 游戏全屏,将图片拉伸成屏幕大小,并将其切成若干块。 将拼图块随机打乱,并保证其能有解。 在屏幕上留出一个空白块,当点空白块旁边的块,将这块移动到空白块。 判断是否已经拼好。 实现目标 1.将图片拉伸成屏幕大小,并将其切成若干块。 想...