点9图片怎么玩

1.本节引言:

可能有的一些疑问:

1.什么是.9图片? 
答:图片后缀名前有.9的图片,如pic1.9.png这样的图片

2. .9图片能干嘛? 答: 在图片拉伸的时候特定的区域不会发生图片失真,而不失真的区域可以由我们自己绘制 3. .9图片用什么做? 答:工欲善其事,必先利其器,做.9图片的工具有:

Android SDK自带:draw9patch.bat,不过这玩意出了好久,谷歌竟然没更新过...

NinePatchEditor,相比起自带的,做了一些优化,支持批量操作,而且界面看起来美观一点: 有兴趣的可以下载下,笔者平时用的这个,下载链接:NinePatchEditor.zip

NinePng九图神器,手机版的.9处理工具,做得还是比较赞的,但是要连wifi互传图片,实际操作起来有点麻烦,功能还是比较强大的,有兴趣到相关应用市场搜索下载:

PhotoShop,这就显得比较夸张了,一般用这个做.9图的都是美工,有兴趣的可搜下相关教程!


2. .9图片怎么做?

!!核心要点:左上拉伸,右下内容!!!!!! 其实核心就上面的内容!先来找个图片试试手!


1. draw9patch.bat制作.9图实例:

有这样的图片:,我们通过TextView的android:blackground可以设置为TextView的一个背景,内容少的时候还正常,一多起来就可能出现下面这种情况: 会发现图片被拉伸变形了,很明显,这不合我们的需求,于是乎我们需要对这个图片来进行一些处理,让圆角部分的不随长度拉伸,中间部分才拉伸

打开我们的draw9patch.bat,点击左上角File,来到对应目录打开我们要处理的图片素材, 接下来就可以看到我们工具的主界面了:

右面的预览区域分别是:纵向拉伸,横向拉伸,横纵都拉伸的预览

好的,接下来开始处理图片了:

Step 1.调Zoom和Patch scale:设置自己适合的缩放比例,勾选show patch 可以让Zoom足够大,因为后面我们需要处理"斑马线"

Step 2.接下来我们只需要在"斑马线"上进行操作就可以了: PS:黑色那条线是一条条点出来的,如果想消除点的话:按住shift点即可!

Step 3.保存图片,以.9.png结尾 比如这里保存的文件名是back.9.png; 嘿嘿,然后把他加入我们的工程,设置为TextView的背景:

效果杠杠滴,接下来无论我们的显示的字符多长,都是图中这个结果,新技能get~


2.看下别人如何做.9图:

根据不同的情况我们可能需要做不同的.9图,下面欣赏下几个别人弄好的稍微复杂点的.9图的例子! 例子:

1.原文链接:http://www.miued.com/2074/好吧,这素材我喜欢,可以没有QAQ! 

2.原文链接:http://blog.csdn.net/lizzy115/article/details/7950959

3.原文链接:http://www.cnblogs.com/vanezkw/archive/2012/07/19/2599092.html


3.本节小结:

好的,本节关于.9制作可拉伸图片的教程就到这里,还是比较简单的,记住我们的口诀:左上拉伸,右下内容! 做几个.9图后相信你就深有体会了,再见~

Android Studio(14)--点9图片怎么玩相关推荐

  1. Android Studio kotlin编程实现图片滑动浏览 stepbystep

    1 基本介绍 参照 kotlin官网:使用 RecyclerView 显示可滚动列表的 案例实现 功能:采用RecyclerView 空间实现图片和文字的滚动浏览. 在下图显示的序列中,可以看到一个填 ...

  2. 第37篇 Android Studio实现点击图片显示信息(四)布局及资源文件

    第37篇 Android Studio实现点击图片显示信息(四)布局及资源文件 4.布局文件 4.1.strings.xml 4.布局文件 整体是一个垂直布局,然后在设置一些水平布局就行了. < ...

  3. 借助Android Studio生成图标(图片)drawable文件夹下的xml文件

    目录 一.准备图标或者图片 二.AS新建Vector Asset 如标题所示,借助Android Studio生成图标(图片)的xml文件,存放在drawable文件夹下. 一.准备图标或者图片 本人 ...

  4. Android Studio调用python读取图片(使用服务器paddlehub处理图片)

    Android Studio调用python读取图片 一.主要任务 二.环境配置 1.创建一个android studio项目 2.配置项目gradle 3.配置app下的gradle 三.demo测 ...

  5. 第34篇 Android Studio实现点击图片显示信息(一)需求

    第34篇 Android Studio实现点击图片显示信息(一)需求 1.需求 1.1.效果 1.2.功能 1.3.RadioButton实现 1.4.设置RadioButton样式 1.需求 1.1 ...

  6. Android Studio||动态改变xml图片位置+背景/旋转+平移/AnimationSet/java读取drawable图

    step by step. 目录 参考: 平移(TranslatAnimation) 旋转(RotateAnimation) AnimationSet xml:(正常设置即可) java: java读 ...

  7. 在android studio中制作九宫格图片

    本文介绍如何在android studio中制作一张九宫格图片. 1.选中准备进行处理的图片*.png,直接修改名为*.9.png.放入android studio 工程的drawable目录下.(. ...

  8. Android Studio制作.9.png图片

    .9图是andriod平台的应用软件开发里的一种特殊的图片形式,文件扩展名为:.9.png,.9图可以将图片横向和纵向同时进行拉伸,以实现在多分辨率下的完美显示效果..9图最常用的是聊天记录的背景框, ...

  9. Android studio下进行9patch图片的编辑

    之前进行的开发当中有涉及到9patch图片的使用,但较少,都是做好的图直接使用了,但最近出现了在Android studio里面使用eclipse项目的9patch时候,编译会报错.之前还没有搞清楚是 ...

最新文章

  1. @Controller和@RestController的区别?
  2. hibernate的HQL查询语言总结
  3. php ahp和jhp,php7.4编译(centos)
  4. Spark:如何替换sc.parallelize(List(item1,item2)).collect().foreach(row={})为并行?
  5. python open 相对路径_第十四篇:Python中文件读写
  6. mysql80重置密码_MySQL8.0修改密码问题
  7. 局域网聊天关心他们的教育
  8. 简单理解Pix2Pix
  9. 2011年3月四级网络工程师笔试试卷 解答思路
  10. DLL文件_DLLMain函数详解
  11. 协议解析-串口协议解析
  12. 用.NET开发MSN聊天机器人
  13. 如何使用计算机网络打印机,电脑怎么连接网络打印机 网络打印机连接方法
  14. java 绘制六边形_六边形架构 Java 实现
  15. win10安装虚拟机(Virtualbox + vagrant)
  16. 2023情人节送另一半什么好?四款适合送女友的数码好物分享
  17. Centos7 源码安装 Apache
  18. lr创建mysql odbc_LoadRunner利用ODBC编写MySql脚本(转)
  19. 一套完整的投资体系:判断好生意、发现好公司、找到好价格
  20. MyBatis学习笔记-源码分析篇

热门文章

  1. 【飞控理论】从零开始学习Kalman Filters之四:卡尔曼滤波C语言代码实现
  2. squid 的配置详解 (转)--SeriesI
  3. Django 文件上传与下载的相关问题
  4. bootstarp span标签文本居中_web前端入门到实战:文本图标对齐的几种解决方案
  5. RuiJi Scraper基础 – RuiJi表达式模型
  6. 小狼程序员:工作遐想
  7. java并发编程-基础
  8. 万网域名注册查询接口(API)的说明
  9. 简单防止通过执行存储过程攻击服务器
  10. postgresql数据库的 to_date 和 to_timestamp 将 字符串转换为时间格式