android 9Path图片的使用

摘要:
首先,默认情况下,9-Patn工具位于Android SDK的工具文件夹中。双击“draw9patch”并选择Run。

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

首先,9-Patn工具默认位于Android SDK  的tools文件夹中,双击“draw9patch”,选择Run即可。

运行如下图所示 :

android 9Path图片的使用第1张

选择File - Open 9-Path... 选择需要处理的图片。

android 9Path图片的使用第2张

其中,左侧的图像区域即为操作区;右侧三个图像的区域为预览区,从上到下分别位纵向拉伸后、横向拉伸后、整体拉伸后的预览;

Zoom:调整视图大小,便于操作;Path scale:模拟拉伸操作;

选项处,show lock:锁定图像操作区;show content :在预览图上显示内容显示区域(9 path处理后的图片分为缩放区域和内容显示区域,后面会有讲解);

show patches:在操作区显示图片拉伸的区域;

android 9Path图片的使用第3张

如图所示,操作区有四条线,决定了改图片的额缩放规则、内容显示规则。

左侧和上侧:确定图片的缩放区域;

右侧和下侧:确定图片的显示区域;

如图,粉红色区域即为调整后图片的缩放区域(由左侧、上策的两条黑线确定);同理,右侧、下侧的黑线确定里内容显示区域。

经过这样处理后,保存(默认后罪名为 .9.png),就可以在项目中使用了。

测试结果:

1、处理前效果图:

android 9Path图片的使用第4张

2、处理后效果图:

android 9Path图片的使用第5张



免责声明:文章转载自《android 9Path图片的使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇各种颜色对应的十六进制数Python——常用模块下篇

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

相关文章

Java 的布局管理器GridBagLayout的使用方法(转)

GridBagLayout是java里面最重要的布局管理器之一,可以做出很复杂的布局,可以说GridBagLayout是必须要学好的的, GridBagLayout 类是一个灵活的布局管理器,它不要求组件的大小相同便可以将组件垂直、水平或沿它们的基线对齐。 每个 GridBagLayout 对象维持一个动态的矩形单元网格,每个组件占用一个或多个这样的单元,...

CSS3 border-image详解、应用

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

iOS Masonry 设置布局优先级。

Masonry 中设置布局优先级需要使用系统方法: 设置抗拉伸性。值越低越容易被拉伸 - (void)setContentHuggingPriority:(UILayoutPriority)priority forAxis:(UILayoutConstraintAxis)axis; 实例代码: [A setContentHuggingPriorit...

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

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

ios 图片拉伸不变形的方法

如果一个椭圆图片,原图大小为30*30,而我们让它显示100*30,那么这个图片就会被拉伸,而且效果很难看。用下边的方法可以创建一个局部不被拉伸的图片。 UIImage * buttonBg = [[UIImage imageNamed:@"btn_normal.png"]stretchableImageWithLeftCapWidth:10topCapH...

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

.9.png可以保证图片在合适的位置进行局部拉伸,避免了图片全局缩放造成的图片变形问题。AS提供了制作点9图片的便捷入口,并且会检查你的.9图是否有不合理的拉伸区域。 选中图片点击create 9-path file就创建了一张点9图。 As 中使用点9图的注意事项 1、点9图片每个边都必须有黑线标记; 2、点9图片每个边只能一条黑线标记; 3、左边和...