Android Studio 制作点九图(.9图)

最新推荐文章于 2024-05-21 12:38:24 发布
最新推荐文章于 2024-05-21 12:38:24 发布
阅读量2.6k 收藏 5
点赞数
CC 4.0 BY-SA版权
分类专栏： 安卓
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yinxing2008/article/details/90519335
本文聚焦安卓开发，介绍通过Android Studio制作点九图，以让背景图适应内容输入长度自动扩展且关键部分不变形。详细说明了操作步骤，还针对使用.9图时控件内容与背景边框距离问题给出解决方案，最后汇总了安卓开发入门教程系列。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

背景

安卓开发中,为了让背景图适应内容输入长度自动扩展,同时关键部分不变形,如圆角矩形的圆角或下面对话框样例的三角尖,安卓里引入了点九图(后缀名包含.9).本文介绍通过Android Studio制作点九图.

操作步骤

  1. 右键点击初始图,选择菜单“Create 9-Patch file…”

  2. 勾选“Show patches”、“Show content”、“Show bad patches”

  3. 打开新建的点九图,通过鼠标在图片的上下左右拖动控制条,设定可以自动扩展的矩形区域.
    操作过程动图示意:
    image

  4. 下图是最终成型的效果图,安卓系统会根据这个矩形所在位置进行水平和垂直自动扩展.

  5. 水平方向,两边拉伸的样例:

  6. 垂直方向,两边拉伸的样例:

  7. 水平和垂直方向,两边拉伸的样例:

常见问题

问题: 在使用.9图后,有时发现,控件内容距离背景边框距离过大或过小.
解决方案:
做.9图时,需要调整黑线位置,使上图中紫色的部分(即内容显示区域)处于合适的位置.

安卓开发入门教程系列汇总

开发语言学习

Kotlin语言基础

UI控件学习系列

UI控件_TextView
UI控件_EditText
UI控件_Button
UI控件_ImageView
UI控件_RadioButton
UI控件_CheckBox
UI控件_ProgressBar

关注头条号,第一时间获取最新文章:
image

Android奇技淫巧 - 手把手制作 .9图
Android、前端、小程序、后端
02-27 3075
我记得上一次接触 .9图，还是在刚入行没多久那会儿（2017），当时知道 .9图可以防止因为图片变形，主要涉及到多机型适配场景；最近闲来无事又过了一次《第一行代码》，又看到了 .9图，所以想着记录一下那年尚未完全掌握的知识我一般学习一样的技术的时候，都会先翻一些文章，然后自己写个Demo，最后没问题的话总结一篇Blog，记录我学习中遇到的问题和思考。
Android学习之制作.9.png(点九)切图
星河Dac
02-05 2593
前言 在Android开发中，我们会碰到图片在有些机器上拉伸，导致模糊的情况。 举个例子：各种app(QQ，微信等)的聊天气泡会随着内容自动拉伸。如果不使用.9.png，则很可能会出现下面的现象(图片来源于网络)。各种按钮的背景图也需要用到.9.png 因此为了使图片有更好的显示效果，我们要用到一种特殊格式的图片(NinePatchDrawable graphic)，也叫做点九图。这是一种可拉伸...
Android Studio制作.9图片，看这一篇就够了
lkjfyy的博客
02-15 3万+
一、.9.png图片概念 这是安卓开发里面的一种特殊的图片 这种格式的图片在android 环境下具有自适应调节大小的能力,不会失真 （1）允许开发人员定义可扩展区域，当需要延伸图片以填充比图片本身更大区域时，可扩展区的内容被延展。 （2）允许开发人员定义内容显示区，用于显示文字或其他内容 比如聊天界面中的聊天气泡使用的就是.9图片，如下图： 而我是因为做启动页的时候，放了一张背景图，由...
学习 | android studio 如何制作.9图片
weixin_58951442的博客
04-28 4647
android studio .9图片的理解与制作
AndroidStudio中创建点9图
Duckdan的博客
02-03 1644
一、AndroidStudio中创建点9图步骤 1.1 创建菜单 1.2 创建点9图的可视化界面 1.3 视图介绍 二、注意事项 2.1 关于解决android studio出现Error:Execution failed for task ':app:mergeDebugResources'. 的方法 2.2 点9图片展示 错误的...
Android studio中.9图片的含义及制作教程
热门推荐
sunbinkang的博客
08-17 6万+
记得刚学Android的时候对.9图片很懵逼，当时同学使用android studio制作.9图片的时候感觉好神奇，但是年少轻狂的我并没有学会哦。刚好今天接触到这个.9图片，就打算今天把这个弄懂，不对的地方望指点，下面就随我一步一步详细的来绘制.9图片之ic_launcher.9.png： 一、9patch图片的概念 1、9patch图片是andriod app开发里一种特殊的图片形式，文
.9.png图片，用android自带的 工具制作完，图片四周有黑线，可以使用这个工具去掉黑线
10-26
在Android开发中，`.9.png`图片是一种特殊的图像格式，用于实现图像的拉伸和缩放，以便适应不同尺寸的屏幕。`.9.png`图片在设计时会在图像的边缘添加特殊的标记来指示哪些部分应该拉伸，哪些部分应保持不变。然而，...
点九图的制作
qq_36981190的博客
10-18 1667
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图编译时遇到的问题（com.android.builder.internal.appt.v2.Aapt2Exception:AAPT2 error:check logs for ）
cmyperson的博客
06-18 704
一.前言 今天做闪屏页面，页面的图片设置的background，不同设备的手机会有所拉伸，图片又不能剪裁，只能做成.9图。 .9图的制作 1.把四个边预留好的一像素透明区域的png图片后缀改成.9.png，放入到Android studio 对应的图片包下 2.点击查看图片，切换9-Path 查看 ，并制作 3.现在来说一下.9图四个边的意义 右下-文字的放置区域 左上-图片的拉伸区域 告诉大家一个记住的小窍门， 顺时针“右下放，左上伸”。 所以就这个图而言它的四个角不会拉伸，文字.
android点九图片制作工具
02-12
点九图片，也被称为.9.png或9-patch图片，是Android系统中特有的一种图像格式，用于创建可拉伸的UI元素。这种格式允许开发者指定图像的哪些部分可以水平或垂直拉伸，哪些部分应该保持不变，从而实现自适应布局的效果...
使用AndroidStudio制作.9图片
u011013564的专栏
11-21 335
选择图片右键选择 Create 9-Path file
Android制作.9图
最新发布
wax9092的博客
05-21 2320
使用android studio，因为android studio已经集成.9.png制作工具，只需选中需要生成的png文件，然后右键，点击create 9-patch file 选项。错误提示drawable-hdpi 这个分辨率图片报错了，这样可以轻松找到相应分辨率，检查错误，解决错误。以中间部分不变为例，可以这样绘制 【注意】这样底部会有一小块黑色半透明方块。3.导入要制作的.9 的 png 图片。5.绘制延伸线与内容线（自我理解）上边&左边：要无限延伸的部分。下边&右边：内容区不变的部分。
通过Android studio制作.9图
chenya866的专栏
08-01 3082
命名对于UI和开发来说是非常重要的一部分，UI命名好提供给开发的图，开发可以提高工作效率，也显得自己够专业。点九图的命名规范是，前面一个点“.”加“9.png”，就是“.9.png”，这里面任何一个元素都不可缺少，不然开发无法编程。分别表示拉伸区域，同一条线上的拉伸条长短代表了不同块的拉伸比例，如上图1.2区域比1.1区域长，那么1.2区域拉伸比例更大。是告诉开发哪个区域可以被拉伸，哪个区域不可以被拉伸，且不会影响清晰度，又可以自适应。1、2负责拉伸控制，3、4代表内容不负责拉伸。...
使用Android studio 制作.9图
ykx_1448488568的博客
04-17 2435
在开发app的时候应该会遇到不少图片大小不确定的时候，我们可以在Android studio里面制作.9图，其实也非常简单哦。 第一步： 我们先把UI给的图放在drawable里面，然后右键点击图片，会出来 我们选择Create 9-Patch file，然后就会弹出框，我们选择生成的.9图保存的地址和名称，注意：新生成的.9图不能和之前的图片名称一样哦！ 第二步： 我们在...
AndroidStudio中.9图的制作
Me_Dong的博客
12-13 6726
1，用一张干净的png图片放在mipmap里面。 2，点击图片右键最后一项，create 9-patch file保存在drawable目录 3，对drawable里面生成的.9图进行划线，（注意：左和上划就可以，右边和下边不要划），直接鼠标左键划黑线，不要摁着ctrl划红线（因为这个错误耽搁好久）。 （左上分别代表图片纵向拉伸只拉伸该部分和图片横向拉伸只拉伸该部分） 4，保存并
使用Android studio 绘制 .9.png图
weixin_54249422的博客
10-11 1241
但你会发现下面的边直接就可以点出来，但左边的线怎么都点不动，（我当时在这卡了好久），接下来本篇内容的重中之重
Android制作.9图回忆
shi450561200的博客
03-06 727
多年前，做app开发遇到IM需求，那会用到.9图做聊天气泡背景，现在总结下使用png图片制作.9图。方法有很多，这里主要介绍Android studio制作.9图。当然使用ps、draw9patch都行。
android studio制作.9图片
ke_csdn的专栏
03-15 3258
.9图片制作以后，需要四条边都画上。不然会报错
Android studio 9图制作
caoyangyang123的博客
05-31 604
新建9图 制作9图 右边和下边的线代表的是基本域(自己起的名字),上面和左边是变化域(也是自己起的), 基本域也就是说在这个线的包括范围内,变大或者缩小,这个范围是不变化的 变化域也就是说在这个线的包括范围内,变大或者缩小,这个范围是变化的(大致是这个意思)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值