Android studio 制作.9图片步骤

最新推荐文章于 2025-05-22 14:21:34 发布
最新推荐文章于 2025-05-22 14:21:34 发布
阅读量1.2w 收藏 6
点赞数
CC 4.0 BY-SA版权
分类专栏： Android进阶 文章标签： Android Android studio .9
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/suwenlai/article/details/72763973
本文详细介绍了如何使用Android Studio创建和处理9-Patch图片。通过三个步骤：准备原图、创建9-Patch文件及对其进行编辑，实现可自适应不同尺寸需求的UI元素。

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

开始制作.9图片

第一步：准备原图

将图片放到drawable目录下下面。


第二步：create 9patch图片

右键图片选择create 9-Patch file...,选择存放的路径后，也就放在drawable下面然后确定，




这个时候你会发现在drawable下面会出现一个.9.png 的图片。图片右侧是它未做处理的拉伸效果图





第三步：对9patch图片处理

打开.9.png图片，会出现上图的界面，将我们的鼠标移到图片的四周会出现线，我们可以点击或者移动它给图片绘制1px宽度的黑线，左上两面绘制的黑线是设置可以拉伸的区域，右下是设置内容的区域，我们可以选中下面的show lock,show content,show patches,show bad patches这四个来看我们绘制后的效果。下面给出绘制后的效果图。右侧是它处理完之后的拉伸效果图




小黑点在四边的作用

顶部：在水平拉伸的时候，保持其他位置不动，只在这个点代表区域做无限的延伸
左边：在竖直拉伸的时候，保持其他位置不动，只在这个点代表区域做无限的延伸

底部：在水平拉伸的时候，指定图片里的内容显示的区域
右边：在竖直拉伸的时候，指定图片里的内容显示的区域


左边和上边的重合区域是拉伸区
右边和下边的重合区是内容显示区

如果想消除已经选中的黑色区域  按住shift用鼠标点击就可以了


【抛弃制作.9图片】Android基于png图片代码动态实现.9拉伸效果
在路上-codingAndlearning
09-22 1699
Android 实现.9拉伸效果的另径，不用画图也可以，动态生成chunk
Android奇技淫巧 - 手把手制作 .9图
Android、前端、小程序、后端
02-27 3112
我记得上一次接触 .9图，还是在刚入行没多久那会儿（2017），当时知道 .9图可以防止因为图片变形，主要涉及到多机型适配场景；最近闲来无事又过了一次《第一行代码》，又看到了 .9图，所以想着记录一下那年尚未完全掌握的知识我一般学习一样的技术的时候，都会先翻一些文章，然后自己写个Demo，最后没问题的话总结一篇Blog，记录我学习中遇到的问题和思考。
Android制作9.png图片工具及步骤详解
08-05
Android制作9.png图片工具及步骤详解(工具、文档齐全，移动互联百科博客提供)
Android 9.png图形元素制作指南
最新发布
weixin_42668301的博客
05-22 995
9.png格式是Android开发中非常重要的图像格式，它允许图像在不失真的情况下被拉伸。这种格式在处理UI元素时十分有用，尤其是在需要适应不同屏幕尺寸和分辨率的应用中。9.png图像是一种带有可伸缩边界的PNG图片。这些边界使得图片在水平或垂直方向上被拉伸时，图片的四个角保持不变，而中间的区域则可以被适当地拉伸。这种方法非常适合用于Android应用中的按钮、背景等UI组件。除了图形编辑软件，还可以借助一些辅助工具来提高制作效率。
Android studio中.9图片的含义及制作教程
热门推荐
sunbinkang的博客
08-17 6万+
记得刚学Android的时候对.9图片很懵逼，当时同学使用android studio制作.9图片的时候感觉好神奇，但是年少轻狂的我并没有学会哦。刚好今天接触到这个.9图片，就打算今天把这个弄懂，不对的地方望指点，下面就随我一步一步详细的来绘制.9图片之ic_launcher.9.png： 一、9patch图片的概念 1、9patch图片是andriod app开发里一种特殊的图片形式，文
Android制作.9图
wax9092的博客
05-21 2366
使用android studio，因为android studio已经集成.9.png制作工具，只需选中需要生成的png文件，然后右键，点击create 9-patch file 选项。错误提示drawable-hdpi 这个分辨率图片报错了，这样可以轻松找到相应分辨率，检查错误，解决错误。以中间部分不变为例，可以这样绘制 【注意】这样底部会有一小块黑色半透明方块。3.导入要制作的.9 的 png 图片。5.绘制延伸线与内容线（自我理解）上边&左边：要无限延伸的部分。下边&右边：内容区不变的部分。
android 9.png 图片制作
03-23
NULL 博文链接：https://george-ghc.iteye.com/blog/1046279
学习 | android studio 如何制作.9图片
weixin_58951442的博客
04-28 4745
android studio .9图片的理解与制作
Android Studio制作.9图片，看这一篇就够了
lkjfyy的博客
02-15 3万+
一、.9.png图片概念 这是安卓开发里面的一种特殊的图片 这种格式的图片在android 环境下具有自适应调节大小的能力,不会失真 （1）允许开发人员定义可扩展区域，当需要延伸图片以填充比图片本身更大区域时，可扩展区的内容被延展。 （2）允许开发人员定义内容显示区，用于显示文字或其他内容 比如聊天界面中的聊天气泡使用的就是.9图片，如下图： 而我是因为做启动页的时候，放了一张背景图，由...
通过Android studio制作.9图
chenya866的专栏
08-01 3102
命名对于UI和开发来说是非常重要的一部分，UI命名好提供给开发的图，开发可以提高工作效率，也显得自己够专业。点九图的命名规范是，前面一个点“.”加“9.png”，就是“.9.png”，这里面任何一个元素都不可缺少，不然开发无法编程。分别表示拉伸区域，同一条线上的拉伸条长短代表了不同块的拉伸比例，如上图1.2区域比1.1区域长，那么1.2区域拉伸比例更大。是告诉开发哪个区域可以被拉伸，哪个区域不可以被拉伸，且不会影响清晰度，又可以自适应。1、2负责拉伸控制，3、4代表内容不负责拉伸。...
android studio 制作.9 图片
qq_33703877的博客
09-15 9942
前言 昨天在处理 UI 界面微调的时候，再一次用到了 .9 格式图片。我们是 UI 只出 JPG 格式的图， .9 图需要自己做。 因为项目之前已经用到了 .9 图，所以我之前也就大致查了下 .9 图的制作方法，只是大致记住调整四条边就 ok 了。然而昨天自己调的时候忘了四条边的含义，折腾了一会。 所以，虽然很简单，还是要记录一下的。 为什么用.9图片 我们知道一般的图片被拉伸会失真。而我...
android studio制作app的步骤
10-29
android studio 制作 app 的步骤 Android Studio 是一个功能强大且灵活的集成开发环境（IDE），它可以帮助开发者快速创建高质量的 Android 应用程序。在本文中，我们将介绍如何使用 Android Studio 制作 app 的步骤...
.9.png图片，用android自带的 工具制作完，图片四周有黑线，可以使用这个工具去掉黑线
10-26
在Android开发中，`.9.png`图片是一种特殊的图像格式，用于实现图像的拉伸和缩放，以便适应不同尺寸的屏幕。`.9.png`图片在设计时会在图像的边缘添加特殊的标记来指示哪些部分应该拉伸，哪些部分应保持不变。然而，...
android studio 中 .9.png的制作
sky_castle的专栏
10-26 1万+
折腾好久，最后在一个群里面咨询一个朋友才弄好的，用的是1.2.2版，感觉对.9的支持不太好， 1，用一张干净的png图片放在mipmap里面。 2，点击图片右键最后一项，create 9-patch file保存在drawable目录 3，对drawable里面生成的.9图进行划线，（注意：左和上划就可以，右边和下边不要划），直接鼠标左键划黑线，不要摁着ctrl划红线（因为这个错误耽搁好久）
AndroidStudio制作点9图
RandowWrite
05-08 1483
emmm，之前还有一个draw9path.bat文件用来制作.9图的，不知道什么时候不见了，百度了一下，发现这个东西已经直接合并到了AndroidStudio里面了，在drawable文件夹中选中目标图片，直接右键，然后点击Create 9-patch file就可以了进入.9图的编辑了。插个眼吧。...
使用Android studio 绘制 .9.png图
weixin_54249422的博客
10-11 1261
但你会发现下面的边直接就可以点出来，但左边的线怎么都点不动，（我当时在这卡了好久），接下来本篇内容的重中之重
使用Android studio 制作.9图
ykx_1448488568的博客
04-17 2436
在开发app的时候应该会遇到不少图片大小不确定的时候，我们可以在Android studio里面制作.9图，其实也非常简单哦。 第一步： 我们先把UI给的图放在drawable里面，然后右键点击图片，会出来 我们选择Create 9-Patch file，然后就会弹出框，我们选择生成的.9图保存的地址和名称，注意：新生成的.9图不能和之前的图片名称一样哦！ 第二步： 我们在...
使用Android Studio制作.9图
天道酬勤
09-06 471
.9图制作
.9图片制作 android-亲测
hejias的专栏
06-16 938
.9.安卓制作
使用Android Studio工具制作APP启动 .9图片
03-22
### 如何在 Android Studio 中创建九宫格图 (.9 图片) #### 什么是 .9 图片？ `.9` 图片是一种特殊的 PNG 文件，用于定义可拉伸区域和内容区域。它允许开发者指定哪些部分可以被拉伸而不会失真，从而适应不同的屏幕尺寸和分辨率。 --- #### 创建 `.9` 图片的步骤 1. **准备原始图片** 需要一张适合用作背景或其他 UI 元素的 PNG 图像文件[^2]。确保图像清晰且无损。 2. **重命名文件** 将原始 PNG 文件名改为 `*.9.png` 的形式。例如，如果原文件名为 `background.png`，则将其更名为 `background.9.png`。 3. **编辑 `.9` 图片** 使用工具（如 Android Studio 或第三方软件）打开并编辑 `.9` 图片： - 在图片四周添加一条细线框。 - 定义 **拉伸区域** 和 **内容区域**： - 拉伸区域：通过绘制水平和垂直线条来标记图片中可以安全拉伸的部分。 - 内容区域：标记出显示实际内容的安全范围，防止重要内容被裁剪或变形。 4. **保存并导入项目** 将编辑好的 `.9` 图片放置到项目的 `drawable` 资源目录下。路径通常为 `..\projectname\app\src\main\res\drawable`。 5. **使用 `.9` 图片** 在布局文件中引用该图片作为背景或按钮资源。例如，在 XML 布局中设置如下属性： ```xml android:background="@drawable/background" ``` --- #### 示例代码 以下是实现九宫格功能的一个简单例子： ##### activity_main.xml (布局文件) ```xml <GridLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/gridLayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:columnCount="3" android:rowCount="3"> <!-- 添加子视图 --> </GridLayout> ``` ##### item.xml (单个网格项布局) ```xml <ImageView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="0dp" android:layout_height="0dp" android:layout_weight="1" android:scaleType="centerCrop" android:adjustViewBounds="true"/> ``` ##### MainActivity.java (Java 主逻辑) ```java import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.widget.GridLayout; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); GridLayout gridLayout = findViewById(R.id.gridLayout); // 动态加载图片 for(int i=0; i<9;i++) { ImageView imageView = new ImageView(this); imageView.setImageResource(R.drawable.background); // 替换为你的 .9 图片资源 GridLayout.LayoutParams params = new GridLayout.LayoutParams(); params.width = getResources().getDisplayMetrics().widthPixels / 3; params.height = params.width; imageView.setLayoutParams(params); gridLayout.addView(imageView); } } } ``` --- #### 注意事项 - 确保 `.9` 图片的边界线宽度不超过 1px，否则可能导致渲染异常。 - 如果需要更复杂的交互效果，可以通过自定义 View 来扩展功能[^3]。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值