Android 如何制作九宫格图片（.9.png）

最新推荐文章于 2022-08-24 17:30:06 发布
最新推荐文章于 2022-08-24 17:30:06 发布
阅读量110 收藏
点赞数
文章标签： 移动开发 前端 ViewUI

　　对于编程人员来说，尤其是前端设计设计师，九宫格图片是必须的（.9.png），对于初学者来说不知道这个九宫格图片有什么用，其实这个九宫格图片实际常用在Android的button组件、要上下拉升的背景图片上。　

工具/原料

  • 电脑
  • draw9patch.bat

方法/步骤

  1. 第一步：先要找到draw9patch.bat，我的在E:\program\Program Files\android-sdk\tools\draw9patch.bat，这个路径下。对于不同人想必Android安装的路径是不同的，而相同的是“\android-sdk\tools\draw9patch.bat”这个路径。

    第二步：鼠标双击draw9patch.bat打开它，打开它后会弹出cmd.exe和Draw 9-patch。

    第三步：点击Draw 9-patch里的"File",而后再选择“Open 9-patch”，而后再选择一张图片（这里我选择的是桌面上的line.png）图片。

    第四步：用鼠标点击指出的两根线，过后就可以看到该图标那两边出现了黑色线，如果想拉伸部分就将一边部分变黑就行，具体的可以看下面的图片。

    第五步：按“Ctrl+s”即可保存，我现在就保存在桌面上，在桌面上可以看到这个line.9.png的图片了。

weixin_33834137
关注
Android图片九宫格
weixin_44075369的博客
01-08 503
九宫格分三类 实现的效果 具体实现 activity_main <?xml version="1.0" encoding="utf-8"?> <layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/to
android 九宫格 拉伸,CAScale9ImageView（九宫格图片拉伸）
weixin_42310891的博客
05-31 1174
类说明CAScale9ImageView是CrossApp提供的一种九宫格拉伸图片的解决方案，我们先来了解一下什么是九宫格图片拉伸。在App的设计过程中，为了适配不同的手机分辨率，图片大小需要拉伸或者压缩，这样就出现了可以任意调整大小的拉伸样式。CAScale9ImageView 属性(点击方法名可查看方法介绍)CAScale9ImageView 方法(点击方法名可查看方法介绍)CAScale9I...
android九宫格选择照片
11-09
https://blog.csdn.net/baidu_24743861/article/details/83898847
Android实现九宫格图片控件
小口口的博客
08-24 1268
完全动态适配手机屏幕宽度；单张图片时可以自定义图片大小；可自定义多张图片之间的间距；可自定义最大限制长度；多张图片时根据间距自动计算图片的大小；可实现图片的点击功能；可实现图片的长按功能；大于9张图片时+n布局自动展示；+n布局可以在代码中自动修改样式；支持Glide等多种图片加载框架。
Android-图片选择、预览、九宫格图片控件、拖拽排序九宫格图片控件
01-12
Android 图片选择、预览、九宫格图片控件、拖拽排序九宫格图片控件
Android九宫格图片控件NineGridImageView.zip
07-19
NineGridImageView 是一个九宫格图片控件。用法1. 首先添加依赖compile 'com.jaeger.ninegridimageview:library:1.0.0'2. 在布局文件中添加 NineGridImageView， 如下所示：nineGridImageView.setAdapter(nineGridViewAdapter);下面是 NineGridImageViewAdapter.class 的源码:public abstract class NineGridImageViewAdapter {     protected abstract void onDisplayImage(Context context, ImageView imageView, T t);     protected void onItemImageClick(Context context, int index, List list) {          }     protected ImageView generateImageView(Context context) {         GridImageView imageView = new GridImageView(context);         imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);         return imageView;     }}T 是你图片的数据类型, 你可以简单的使用 String 类型也可以是你自定义的类型；你必须重写 onDisplayImage(Context context, ImageView imageView, T t) 方法去设置显示图片的方式, 你可以使用 Picasso、Glide 、ImageLoader 或者其他的图片加载库，你也可以给 ImageView 设置一个占位图；如果你需要处理图片的点击事件，你可以重写 onItemImageClick(Context context, int index, List list) 方法，加上你自己的处理逻辑；如果你要使用自定义的 ImageView，你可以重写 generateImageView(Context context) 方法， 去生成自定的 ImageView。下面是一段示例代码:private NineGridImageViewAdapter mAdapter = new NineGridImageViewAdapter() { @Override protected void onDisplayImage(Context context, ImageView imageView, Photo photo) { Picasso.with(context)                     .load(photo.getSmallUrl)                     .placeholder(R.drawable.ic_default_image)                     .into(imageView);             }         @Override         protected ImageView generateImageView(Context context) {             return super.generateImageView(context);         }         @Override         protected void onItemImageClick(Context context, int index, List photoList) {            showBigPicture(context, photoList.get(index).getBigUrl());         }     };         ... mNineGridImageView.setAdapter(mAdapter);...4. 给 NineGridImageView 设置图片数据：nineGridImageView.setImagesData(List imageDataList);图片展示：
android中九宫格图片9.png制作工具集合
03-27
在Android开发中，为了实现灵活的布局和美观的界面设计，开发者经常需要用到“九宫格”图片（又称9-patch图或9.png）。这种特殊格式的图片允许图像在水平和垂直方向上按需拉伸，而不会导致内容区域失真。在本主题中...
详解Android .9.png “点九”图片的使用
09-01
这种技术将一张PNG图片划分为9个部分，形成一个九宫格布局，其中4个角落的区域不变形，4条边上的区域只沿着相应方向拉伸，而中间区域则根据需要进行纵横双向拉伸。通过这种方式，图片的渐变和细节得以保留，即使在...
Android应用源码仿支付宝九宫格解锁.zip
12-04
- 九宫格中的图标通常为PNG或SVG格式的图片资源，需要正确地加载和显示。开发者可能使用了`ImageView`来展示图标，并通过`Drawable`管理其状态。 6. **数据存储**： - 为了保存用户的解锁设置或历史记录，项目...
Android代码-漂亮的九宫格源码.zip
08-02
在Android开发中，九宫格布局常常用于展示应用的图标或者功能选项，它以其简洁、直观的特点深受开发者和用户喜爱。本压缩包“Android代码-漂亮的九宫格源码.zip”提供了一份实现这一功能的源代码，对于学习Android...
Android 图片选择、预览、九宫格图片控件、拖拽排序九宫格图片控件
10-18
Android 图片选择、预览、九宫格图片控件、拖拽排序九宫格图片控件,功能如下： 单图选择 多图选择 拍照选择 图片选择预览（支持微博长图）、缩放查看 图片预览（支持微博长图）、缩放查看 支持 glide、picasso、universal-image-loader、xutils 图片加载库 支持配置列表滚动时是否暂停加载图片，列表停止滚动时恢复加载图片(用 xutils 作为图片加载库时该配置无效) 正方形、圆形头像、带边框的圆形头像控件 朋友圈列表界面的九宫格图片控件 发布朋友圈界面的可拖拽排序的九宫格图片控件 覆盖相应的资源文件来定制界面 BGAPhotoHelper 图片裁剪、拍照
Android学习教程之九宫格图片展示（13）
01-05
本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下 MainActivity.java代码: package siso.ninegridimg; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate
android 图片选择（九宫格，图片选择，图片预览选择）
03-05
希望csdn能吧这个设置成0积分，安卓选择图片，图片预览。就是仿照微信查看选择图片使用的。喜欢的小伙伴拿去
Android-Android图片选择预览九宫格图片控件拖拽排序九宫格图片控件
08-13
Android 图片选择、预览、九宫格图片控件、拖拽排序九宫格图片控件
Android显示九宫图（自定义圆角，仿微信九宫格图）
weixin_44357587的博客
05-13 2069
详细解析Android显示九宫图（自定义圆角，仿微信九宫格图） 这是一个自定义九宫格图片框架，里面有设置圆角大小，还有当图片一张的时候控件自定义的大小，图片的间隔，四张图片的时候图片自定义为两行两列等等功能，为了更好解决九宫图问题所定义的一个框架，话不多说，上图上代码： 第一步：自定义控件–NineGridLayout // 九宫格显示的layout // 根据图片数量来调整显示 public class NineGridLayout extends ViewGroup { /**
Android 中关于九宫格图片的那些事
活在当下！输出快乐！
07-19 1449
文章目录背景拉伸对比定义与原理制作点九图片图片加工说明 背景 最近看了会书，然后有个知识点还是比较重要的。也对同学们的开发是有帮助的，这里简单的记录下。 拉伸对比 普通图片和九宫格图片拉伸效果对比如下图示： 从上面对比图中可看出，当普通图片拉伸后，背景图会变得模糊（左右两边的边缘线既变宽又变模糊了）；但是用的九宫格图片拉伸后却不会。 定义与原理 为了解决图片过度拉伸后显示模糊的问题，Android 专门设计了点九图片。 点九图片的扩展名是 png，文件名后常带有 “.9” 字样。因为把一张图片划分成了
安卓Andriod使用入门(十三)【九宫格展示图片】
极客神殿
11-16 2016
一个人太久都带着假面生活，会渐渐忘了自己本来的样子。MainActivity.java代码:package siso.ninegridimg;import android.support.v7.app.AppCompatActivity; import android.os.Bundle;public class MainActivity extends AppCompatActivity {
android 九宫格图片选择（微信朋友圈） 图片预览 （底部recycleview 不卡顿）
bu_wangchuxin的博客
03-05 1612
最近做一个功能 就是仿照微信选择图片，图片预览，图片删除的功能 1 在图片预览的页面可以来回滑动，当前图片是选中的就背景变蓝。点击底部切换上半部分的选择。上半部分选择切换底部的选择（recycleview 点击事件 和LinearSnapHelper滑动）。 2 图片选择就九宫格展示，长安拖拽，排序。 3 预览页面点击删除fragment https://github.com/fangy...
Android开发中的.9.png技术：实现图片完美拉伸
点九图片的核心在于它的九宫格结构，将一张图片分为九个区域：四个角、四条边和一个中心区域。四个角不进行拉伸，保持原始形状；两条边仅在其相应方向上拉伸，避免扭曲；中心区域则根据需要进行任意方向的拉伸。 在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值