Android点九图注意事项

限时加码!20+主流AI编程工具免费用 购周边加赠Coding Plan Lite,Claude Code、Cursor等即刻畅享,学习进阶更高效! 阅读详情

1.简介

我们知道在安卓开发中,由于安卓机型繁多,屏幕适配是个很常见的问题.在不同的机型下,如果使用同一张图片,那么在大屏幕机型上可能会出现图片变形的情况。那么需要准备多张图片么?这样资源就有点太浪费了。于是这时候出现了Android专用的点九图——Nine-Patch。

2.点九图的绘制工具

在SDK目录下的tools文件夹下有个draw9patch.bat的工具,这个就是用来绘制点九图的。(如有更好工具欢迎推荐)

3.点九图的基础

一张图片有上下左右四个方向,而点九图的上下左右又分别表示什么?

点九图的上和左是控制图片拉伸的高度和宽度,右和下是控制文字内容的显示区域小大。

4.点九图常见注意事项

这里用一张图片进行说明

 

现象1:图3的点九图

 

在第3个图片,我只绘制了左边的一条线,上方并没有绘制。这时候出现了一条黑色的线,很影响图片的显示效果。

结论:绘制点九图的时候不能只绘制一条边。需要同时绘制左上2条边.

现象2:图2的点九图:

 

再看看第2个图片,这时候我绘制了左上2边,可是图片看起来却还是变形了。

结论:在不规则的边上,需要把不规则的边全部都绘制上.如果是规则的边,绘制一个点或者一小段线条即可.


现象3:图4的点九图

 

在第4个图片中我们可以看出,什么都没有,它和图二的唯一区别是左边的线画满了。

结论:在有文字显示的时候,需要绘制右下2条线来确保文字准确显示.


现象4:图6的点九图(绘制了4条边)-正确的画法

 

5.CSDN源码地址

点九图Demo

Android 机制讲解及在聊天气泡中的应用 回顾NinePatchDrawable的构造方法第三个参数bitmap.getNinePatchChunk(),作者猜想,aapt命令其实就是在bitmap片中,加入了NinePatchChunk的信息,那么我们是不是只要能自己构造出这个东西,就可以让任何片按照我们想要的方式拉升了呢?最快捷的方式,就是有人可以带着你一起分析,这样学习起来最为高效,所以为了大家能够顺利进阶中高级、架构师,我特地为大家准备了一套高手学习的源码和框架视频等精品Android架构师教程,保证你学了以后保证薪资上升一个台阶。 阅读详情

相关推荐

的制作

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 2、有关注意事项 1、左边和上边的黑线画的越长就拉伸的越长,在android studio 中制作时,只能描,不然会提示错误区域。 /2、ps制作的

qq_36981190的博客 1751

Android奇技淫巧 - 手把手制作 .9

我记得上一次接触 .9,还是在刚入行没多久那会儿(2017),当时知道 .9可以防止因为片变形,主要涉及到多机型适配场景;最近闲来无事又过了一次《第一行代码》,又看到了 .9,所以想着记录一下那年尚未完全掌握的知识我一般学习一样的技术的时候,都会先翻一些文章,然后自己写个Demo,最后没问题的话总结一篇Blog,记录我学习中遇到的问题和思考。

Android、前端、小程序、后端 3696

Android学习之制作.9.png()切

前言 在Android开发中,我们会碰到片在有些机器上拉伸,导致模糊的情况。 举个例子:各种app(QQ,微信等)的聊天气泡会随着内容自动拉伸。如果不使用.9.png,则很可能会出现下面的现象(片来源于网络)。各种按钮的背景也需要用到.9.png 因此为了使片有更好的显示效果,我们要用到一种特殊格式的片(NinePatchDrawable graphic),也叫做。这是一种可拉伸...

星河Dac 2813

【抛弃制作.9片】Android基于png片代码动态实现.9拉伸效果

Android 实现.9拉伸效果的另径,不用画也可以,动态生成chunk

在路上-codingAndlearning 1913

Android .9

1.Nine Patch Drawable Grahpic 安卓独有的切格式,主要针对界面中所有可拉伸的圆角矩形。它的用处就是用于拉伸切的。 比如开发提示气泡时,要求气泡随着用户输入文本的长短或者终端屏幕的尺寸大小,产生长度、高度的自由变化,但是气泡本身并不失真。这是因为拉伸动作只存在于四个圆角外的部分,所以不论输入多少文本、横屏竖屏、手机还是平板,都可以很好得自适应。 .9的优势: .9可以进行拉伸,如水平、竖直方向的延长,而清晰度不变; 令一张片实现多种拉伸效果,

zenmela2011的专栏 2547

通过Android studio制作.9

命名对于UI和开发来说是非常重要的一部分,UI命名好提供给开发的,开发可以提高工作效率,也显得自己够专业。的命名规范是,前面一个.”加“9.png”,就是“.9.png”,这里面任何一个元素都不可缺少,不然开发无法编程。分别表示拉伸区域,同一条线上的拉伸条长短代表了不同块的拉伸比例,如上1.2区域比1.1区域长,那么1.2区域拉伸比例更大。是告诉开发哪个区域可以被拉伸,哪个区域不可以被拉伸,且不会影响清晰度,又可以自适应。1、2负责拉伸控制,3、4代表内容不负责拉伸。...

chenya866的专栏 3565

具体需要切什么内容_9用什么切,ps视频教程

最近很多人在微信群问我9怎么切的问题,今天u妹把工作中积累的关于9的经验分享给大家,希望大家可以掌握这些切方法。 (原创文章www.777n.com),是Android开发中用到的一种特殊格式的片,文件名以”.9.png“命名。这种片能告诉开发,像哪一部分可以被拉伸,哪一部分不能被拉伸需要保持原有比列。运用可以保证片在不模糊变形的前提下做到自适应。常用于对话框...

weixin_39737051的博客 344

android .9片在代码中的设置,Android总结以及在聊天气泡中的使用

编辑推荐:本文来自于腾讯云,介绍了的本质,聊天气泡中使用,其它问题等。1. 介绍这一块是对的简单介绍,如果对这块已经有了解的话,可以直接跳到2,看看聊天气泡中如何使用。1.1 出现的原因首先简单介绍下出现的原因吧,Android为了使用同一张作为不同数量文字的背景,设计了一种可以指定区域拉伸的片格式“.9.png”,这种片格式就是。注意:这种...

weixin_35498756的博客 1375

3分钟学习的制作和使用(聊天气泡的实现)

显示效果:使用可以减少由于屏幕素质差而导致的,如下,的横纹明显少于PNG格式(仔细观察)减少工程量&安装包大小:使用,可以用一套界面去适配各种分辨率的屏幕,并且可以减少安装包的大小制作(两种方法):这里不讲SDK下的工具,因为我觉得AndroidStudio里面自带的更方便工具:PS(或者其他可以编辑片的工具)、AndroidStudio。

2401_89190546的博客 593

具体需要切什么内容_你知道怎么切吗?

最近很多人在微信群问我9怎么切的问题,今天u妹把工作中积累的关于9的经验分享给大家,希望大家可以掌握这些切方法。,是Android开发中用到的一种特殊格式的片,文件名以”.9.png“命名。这种片能告诉开发,像哪一部分可以被拉伸,哪一部分不能被拉伸需要保持原有比列。运用可以保证片在不模糊变形的前提下做到自适应。常用于对话框和聊天气泡背景片中。U妹结合一些具体...

weixin_39595008的博客 139

android 资源导出,Android资源、和 XML Sketch导出工具Android Res Export

提取码:4aw4功能导出多分辨率 PNG 资源预览和导出多分辨率资源导出矢量(Vector Drawable)资源导出 Android 8 的自适应标,圆形标及旧版应用标查看和导出形状层的 XML 代码查看和导出色彩资源代码导出片资源后可以直接使用 ImageOptim 压缩(需安装 ImageOptim)安装插件下载并解压 Android Res Export.zip双击 Andr...

weixin_33668386的博客 563

android 系统的切方式_设计规范 | 切、标注与命名

一、切App切是实现设计效果的重要环节,开发工程师会在实现的过程中计算好各个片、标、版块的位置,然后会调用我们已经切好的进行填充,切的效率关系到产品的开发效率与团队协作。1.1 命名规范(1)常用界面(2)系统控件(3)功能命名(4)常见状态1.2 命名规则命名规范并不是唯一的,唯一的目的是要清晰,能让开发者一看就懂。命名的规则就是告诉开发文件是什么,在哪里,第几页,什么状态...

weixin_27388739的博客 960

PopupWindow的使用和注意事项

一、概述 Android常见的PopupWindow,显示在某个view的附近。这个经常会用到,而且还有些需要注意的地方,如果没有第一次使用或者对它不是很熟悉,可能会遇到一些坑: 键盘弹起时,PopupWindow会挡住键盘; Android5.0上不显示。 记录在这里,方便日后查阅,避免踩坑。 二、代码 class TipWindow(context: Context, val amount: String) : PopupWindow(context) { init { v

ganduwei的博客 3923

android气泡组件,Android 聊天气泡

网上搜到的只有一篇是自定义的TextView,其使用比较麻烦,所以采用大众化的方法--使用9.png来实现。这里主要介绍sdk tool的draw9patch.bat的使用。这个bat执行文件打开后会打开draw9patch程序如下:使用的话也比较简单,将文件拖放到程序中,对按住鼠标左键对其最边缘进行拖动,会出现黑线,如下所示:其中黑线代表的意思是:解释:上面黑色条位置向下覆盖的区域表示片横...

weixin_39637589的博客 313

移动端切内容包括什么_移动端产品UI设计切知识必备--- 来源:互联网 | 腐女漫画网...

目前,移动端的UI设计已经引领网页设计的发展,但是它不像网页设计那么纯粹,还需要设计师们精心的揣摩其中的内涵。那么,在移动端UI设计产品时,一个完整的项目有几个至关重要的,这篇文章,我们就来详细的讲解一下其中的一个,移动端UI设计的切。用户手中看到的产品界面,并非设计师呕心沥血创作的效果,而是一个个单独的切经由开发人员技术实现。切作为设计师与开发者之间的桥梁,它的作用很关键,合适的切...

weixin_34347959的博客 1485

.9.PNG是啥?

要怎么切呢?   (写在开始:介绍的文章有很多,我只能说献丑了,如有不当之处,请随时批评指正,谢谢!)   Hi,亲爱的设计师:   今天,是你2018年上班的第二天,怎么样?是不是精神饱满,干劲十足呢?我们总会是在新一年的开始,给上一年画上一个句号,不管是不是圆满。生活嘛,总是要从新开始的。   今天,有朋友问了一个问题:要怎么切呢?我明白原理,可是怎么切...

NCTU_to_prove_safety的博客 696

360面试总结(Android

介绍你做过的项目手写单例模式布局优化有没有用过什么开源框架?ImagLoader的实现原理OnTouchEvent事件中 down事件 和up事件的传递hashMap的实现 原理LinkedHashMap的实现原理内存管理及优化

2401_89828860的博客 1084
上一篇: LinearLayout
下一篇: RelativeLayout
Client_Block
博客等级 码龄11年 32粉丝 61原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值