Android点九图注意事项

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

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.优快云源码地址

点九图Demo

点九图的制作 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制作的点九图 阅读详情

相关推荐

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

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

星河Dac 2822

Android .9图

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

zenmela2011的专栏 2565

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

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

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

通过Android studio制作.9图

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

chenya866的专栏 3588

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

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

在路上-codingAndlearning 1916

Hadoop在大数据领域的电商数据分析案例

随着电商行业的迅猛发展,每天都会产生海量的数据,如用户浏览记录、购买行为、商品信息等。如何从这些数据中提取有价值的信息,为电商企业的决策提供支持,成为了电商企业面临的重要问题。Hadoop作为一个开源的分布式计算平台,具有高可靠性、高扩展性和高效性等特点,能够很好地处理大数据。本文的目的就是通过实际案例,详细介绍Hadoop在电商数据分析中的应用,范围涵盖了从数据采集、存储到分析的整个流程。本文首先介绍背景信息,让读者了解Hadoop在电商数据分析中的重要性和应用场景。

Java大师兄的博客 1178

切图具体需要切什么内容_点9切图用什么切,ps点九切图视频教程

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

weixin_39737051的博客 349

Python 爬虫实战:爬取今日头条文章与阅读量数据

本文详细介绍了基于Python爬取今日头条文章与阅读量数据的完整方案。通过分析今日头条API接口,采用Requests+正则表达式技术实现数据抓取,重点解决加密参数构造、请求头模拟、反爬规避等核心问题。文章包含文章列表获取、详情数据提取、互动数据采集等完整流程,并提供数据存储与基础分析方法。同时强调合规使用爬虫技术,控制爬取频率,避免干扰平台运营。该方案可为内容传播分析、用户兴趣研究提供数据支持,但需注意接口参数更新和反爬机制变化,适时调整代码实现。

2503_91057718的博客 2519

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

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

weixin_35498756的博客 1380

你学Simulink--基于储能系统的建模与仿真场景:飞轮储能系统在电网调频中的作用仿真

本文详细介绍了利用Simulink+Simscape搭建飞轮储能系统(FESS)电网调频仿真模型的全过程。主要内容包括:系统工作原理及调频作用分析,基于Simulink的模块化建模步骤(飞轮、电机/发电机、功率电子接口等组件搭建),调频控制策略实现(频率检测、功率指令生成和模式切换),以及仿真参数设置与结果分析方法。该模型可有效模拟FESS在电网频率调节中的快速响应特性,为新能源存储和智能电网研究提供重要仿真工具,同时可通过参数优化和算法改进进一步提升系统性能。

xiaoheshang_123的博客 168

YOLOv11【第三章:高阶应用与落地篇·第1节】一文搞懂,YOLOv11-Seg 实例分割:Mask 原型生成与系数预测原理解析!

🏆 本文收录于专栏 《YOLOv11实战:从入门到深度优化》。本专栏围绕 YOLOv11 的改进、训练、部署与工程优化 展开,系统梳理并复现当前主流的 YOLOv11 实战案例与优化方案,内容目前已覆盖 分类、检测、分割、追踪、关键点、OBB 检测 等多个方向。

**My Coding Family** 1248

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

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

2401_89190546的博客 595

【华为OD机试真题】459、小扇和小船的数字游戏、数字游戏 | 机试真题+思路参考+代码解析(CD卷)(C++、Java、Py)

### 🎃题目描述 >小扇和小船今天又玩起来了数字游戏,小船给小扇一个正整数 n(1  现在求 m 的最小值

KJ.JK 1718

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

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

weixin_39595008的博客 141

DA14531-蓝牙温度传感器-真实案例

传感器低功耗系统功能需求: 1)平时为关机状态,通过GPIO管脚唤醒,霍尔器件触发拉低IO唤醒系统。 2)唤醒后,进入BLE广播状态,等待主机连接,若一分钟无被主机连接,则进入关机状态。 3)连接后(0.1mA),每秒上报一次温度值,同时主机可以读取设备读电池电量。 4)连接断开后,1分钟后,设备进入关机(1uA)。 5)LED灯在连接时点亮,断开灭,低电量时会闪,提示闪烁。

hejinwu1314的博客 856

流量PID控制(开度前馈量计算+辅助PID)

PLC通过伯努利方程近似计算水箱流量(FC)-优快云博客文章浏览阅读1.6k次。本文介绍了如何使用PLC通过伯努利方程近似计算水箱中的液体流量,主要涉及流量计算、模型验证、梯形图编程及STL代码实现。适合自动化领域的学习者参考。单容双容水箱建模(simulink仿真+PLC代码)_水箱系统的建模方法-优快云博客文章浏览阅读2k次。该博客介绍了如何使用伯努利方程建立单容和双容水箱模型,详细阐述了从理论建模到PLC编程的实现过程。

RXXW_Dor的博客 845

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

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

weixin_33668386的博客 567

AHB—SRAMC项目(结构图,核心代码、Testbench架构)

文章目录一、AHB_SRAMC项目介绍1.1.AHB总线控制单元(ahb_slv_if.v)1.2.SRAM控制单元(sramc_top.v)1.3.主要的传输路径二、结构框图2.1.AHB_SRAMC结构图(重点)2.2.总线控制单元与SRAM控制单元结构图三、部分核心代码(重点理解)四、SystemVerilog Testbench架构(重点)五、目录结构 一、AHB_SRAMC项目介绍 本项...

Mr.翟的博客 3万+

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

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

weixin_27388739的博客 963

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

PopupWindow的使用和注意事项

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

ganduwei的博客 3925

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

android气泡组件,Android 聊天气泡

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

weixin_39637589的博客 314

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

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

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

weixin_34347959的博客 1507

.9.PNG是啥?

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

NCTU_to_prove_safety的博客 701

360面试总结(Android)

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值