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

于 2024-04-28 05:22:40 发布
阅读量513 收藏 8
点赞数 16
分类专栏： 程序员 文章标签： 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84545213/article/details/138264685
版权

这里不讲SDK下的工具draw9patch，因为我觉得AndroidStudio里面自带的更方便

工具：PS（或者其他可以编辑图片的工具）、AndroidStudio

准备工作：

  1. 把你想要制作成点九图的图片 四周都加上一个像素（px）的空白区域

PS打开画布大小，快捷键：Ctrl+Alt+C，把相对取消勾选，然后把单位改成像素，宽度和高度都在原有的基础上**+2**，然后点击确定，PS就会自动帮你在你图片的上下左右加上1像素的空白位置

在这里插入图片描述

全程PS制作：（无预览图）

首先要知道，点九图肯定是想让那些纯色（或者渐变色），不会被拉伸变形的地方作为可拉伸区域，那些有图像的地方不让他去拉伸。

上下的黑边ÿ

最低0.47元/天 解锁文章
2401_84545213
关注
  • 16
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
点九图的制作
qq_36981190的博客
10-18 1496
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制作的点九图
点9图的制作
会飞的鱼的博客
07-18 628
9patch（.9）图9patch简介：Android系统由于系统和分辨率的多样性,界面适配是让开发者头疼的问题,很多控件的切图文件在不同屏幕上被放大拉伸后,边角会模糊失真,十分丑陋. 对不同的分辨率制作多个切图,又增大了安装包的大小. 于是Android专门制作了一种.9.PNG格式来解决这个问题. 这种格式的图片能按照设定来拉伸特定区域,而不是整体放大或缩小,从而保证了图片在各个分辨率的屏幕上都
点九图的制作方法
lyy666888的博客
09-12 8247
首先，我们来了解一下什么是点9图？ 点9图就是安卓系统或ios系统内的一种可拉抻而不失真的图， 点9图是把图中某些部分进行拉伸，而不想拉伸的部分，比如圆角等部分不做变化。 下面就我就以聊天气泡为例： 首先来看看一张做好的普通的气泡背景图及显示的效果图 上面那张是我做的气泡背景图，而下面两张分别是横向拉伸和纵向拉伸的效果，可以看出来，这种效果是非常糟糕的，并不是我们想要的，背景变形了，
开发8年大牛教学Android动画：这是一篇全面-&-详细的-属性动画-总结&攻略
2401_84121980的博客
04-20 376
作用对象：任意Java对象不再局限于 视图View对象实现的动画效果：可自定义各种动画效果不再局限于4种基本变换：平移、旋转、缩放 & 透明度简历首选内推方式，速度快，效率高啊！然后可以在拉钩，boss，脉脉，大街上看看。简历上写道熟悉什么技术就一定要去熟悉它，不然被问到不会很尴尬！做过什么项目，即使项目体量不大，但也一定要熟悉实现原理！不是你负责的部分，也可以看看同事是怎么实现的，换你来做你会怎么做？做过什么，会什么是广度问题，取决于项目内容。
Android点九图总结以及在聊天气泡中的使用
01-27
这一块是对点九图的简单介绍，如果对这块已经有了解的话，可以直接跳到2，看看聊天气泡中如何使用点九图。首先简单介绍下点九图出现的原因吧，Android为了使用同一张图作为不同数量文字的背景，设计了一种可以指定...
Unity3d C# 基于UGUI实现类似WX聊天气泡功能工程源码
03-07
Unity版本“2020.3.28f1c1” ，下载解压后示例场景在：\Assets\Scenes\SampleScene.unity 建议先看说明：https://blog.csdn.net/qq_33789001/article/details/123331284 编码实现 这个功能的核心思路就是，根据内容...
【HTML5&CSS3进阶学习01】气泡组件的实现
03-03
气泡组件在实际工作中非常普遍，无论是网页中还是app中，比如：我们这里所谓气泡组件是指列表型气泡组件，这里就其dom实现，css实现，js实现做一个讨论，最后对一些细节点做一些说明，希望对各位有用单由气泡组件来...
点九图简单介绍及制作教程
爱笑的博客
06-30 3373
原:http://www.ui.cn/detail/48906.html Android开发中用到的一种特殊格式的图片，文件名以”.9.png“结尾。这种图片能告诉程序，图像哪一部分可以被拉升，哪一部分不能被拉升需要保持原有比列。运用点九图可以保证图片在不模糊变形的前提下做到自适应。点九图常用于对话框背景图片中。 这是截屏自手机QQ一组聊天对话框，可以看
点九图学习与制作
RikkaTheWorld
10-29 990
项目中一直有使用点九图，但是没咋接触，现在跟着大佬的blog来学习一下点九图的制作。 1. 点九图概述 1.1 点九图是什么？ Android平台里有一种特殊的图片形式，文件扩展名 xxx.9.png，为了方便记忆，所以称其为点九图，英文是 Nine Patch。 1.2 为什么使用点九图 先来看下下面的场景： 当我们需要为一段文字添加图片背景，而我们并不知道这段文字的长度和宽度，该如何解决？ 一个图片在不同的分辨率下，边角会失真，如何解决？ 比如社交IM中，我们并不知道用户聊天的字数长度，如果我们给其
android点九图片制作工具
02-12
点九图片制作工具,比android自带的工具方便，快捷，.9,点9
点9图片制作工具
11-07
.9制作 android开发工具，在项目中制作点9的图片！免安装，直接使用！
点九图制作软件
08-14
非常好的一款点九图制作工具，简单实用，可视化，欢迎下载。
android 点九图制作工具
10-24
点九图制作工具，很好用，不会在边上增加一像素的宽度
制作点9（Nine_Patch） 图片
Wubo的博客
08-30 479
简单粗暴点，直接写方法 打开Android SDK文件夹下的tools,下的draw9patch.bat文件 双击打开， 出现个这玩意儿 导航栏点击 File→Open 9-patch 将准备好的图片 message_left.png 加载进来 大概就是这个样子 准备大招 我们可以在图片的四个边框绘制一个个的小黑点，在上边框和左边框绘制的部分就表示当图片需要拉
关于点9图的制作（每天积累一点点）
wuyouwen23的博客
09-02 414
点9图的创建和使用
聊天泡泡需要切割图片
weixin_30369041的博客
05-23 82
UIImage *newImage=[oldimage stretchableImageWithLeftCapWidth:30 topCapHeight:20]; 在图片高20的地方复制填充 在图片宽30的地方复制填充 转载于:https://www.cnblogs.com/zjszyms/p/4119452.html...
Android：制作聊天气泡点9图
aysk1112的博客
05-30 1528
步骤一：选择res下的一张图片，右击选择“Create 9-Patch File” 步骤二：确定点9图的名字，只能修改.9.png之前的信息 步骤三：在同目录下会生成刚才创建的点9图，双击打开进行编辑 首先介绍一下编辑页面中四个选项的含义 1. Show lock：选中showlock，然后将鼠标移动到图片上，会显示红色斜杠表示图片锁定的区域 2. Sh...
Android 点九图机制讲解及在聊天气泡中的应用
徐公，微信公众号同名
09-18 3807
点九图简介 Android为了使用同一张图作为不同数量文字的背景，设计了一种可以指定区域拉伸的图片格式“.9.png”，这种图片格式就是点九图。 注意：这种图片格式只能被使用于Android开发。在ios开发中，可以在代码中指定某个点进行拉伸，而在Android中不行，所以在Android中想要达到这个效果，只能使用点九图（下文会啪啪打脸，其实是可以的，只是很少人这样使用，兼容性不知道怎么样,点击...
python tkinter 实现聊天气泡对话框
最新发布
05-27
3. 创建一个Frame框架，用于显示聊天气泡 ```python frame = tk.Frame(root) frame.pack() ``` 4. 创建一个文本框用于输入聊天内容 ```python input_text = tk.Text(frame, height=5, width=50) input_text.pack...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值