Android九宫格图片(9.png)的讲解与制作

最新推荐文章于 2024-02-28 14:47:00 发布
最新推荐文章于 2024-02-28 14:47:00 发布
阅读量1w 收藏 4
点赞数
分类专栏： Android开发-UI篇
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pocoyoshamoo/article/details/9212119
版权

  刚开始学习Android的时候，会见到res/drawable的几个文件里面有*.9.png格式命名的图片文件。起初以为这只是Android素材的一些特殊命名，其实不是。它是能实现图片素材拉伸、收缩不失真的九宫格图片文件。

  详细介绍：9.png文件是Android的一种特殊的PNG图片。他在原始图片四周各添加一个宽度为1像素的线条，这4条先就决定了该图片的缩放规则和内容的显示规则。

  如果原始图片是25*25的，制作成9.png文件之后就会变成23*23。

  制作成9.png文件，文件的大小会减小，这也是Android的9.png文件的好处之一。


  制作方法：

  1.打开Android SDK目录下的tools文件夹，双击draw9patch.bat。就会看到这个界面


  

  2.先用PS或者AI设计好一个button.png，然后File->Open 9path...打开之前的button.png文件

  

  可以看到右边的三个预览，第一个是纵向拉伸，第二个是横向拉伸，第三个是等比例拉伸，可以看到最前面的两个button已经变形了


  3.用鼠标点击button的四边，描线，描出的线是制定要拉伸的区域，我们只要制定边缘就好了，因为button的不能四角是圆弧的，拉伸就会变形，所以描线时不要描到圆弧的范围去。


  好啦，描线OK！这时候可以看到右边的三个预览都正常，大功告成，选择File->Sava 9path...保存，即可生产9.png文件

  PS：如果描线描多了，可以按住Shift键，鼠标点击描多的部分，即可删除

PocoyoShamoo
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android朋友圈动态视频教程,Android--选择图片（仿微信发朋友圈）第一篇
weixin_42570484的博客
05-26 548
这篇博客主要写仿微信朋友圈选择图片发朋友圈。整个功能包括加载图片，显示图片、相册文件夹、预览图片，九宫格显示已经选择好的图片等等，大概会有三篇博客。效果图看上面的图，加载图片肯定是异步加载，耗时任务。android系统默认提供了一个Loader(Android Loader机制全面详解及源码浅析https://blog.csdn.net/axi295309066/article/details/5...
Android---仿QQ空间动态九宫格图片预览(一)
最新发布
2401_84009626的博客
03-30 1107
这是一个图片查看库，实现图片浏览功能，支持pinch（捏合）手势或者点击放大缩小。支持在ViewPager中翻页浏览图片。PhotoView 是一款扩展自Android ImageView ，支持通过单点/多点触摸来进行图片缩放的智能控件。功能实用和强大。
android 图片选择（九宫格，图片选择，图片预览选择）
03-05
希望csdn能吧这个设置成0积分，安卓选择图片，图片预览。就是仿照微信查看选择图片使用的。喜欢的小伙伴拿去
Android之九宫格9.png图片的处理
$firecat利白的代码足迹$
10-25 9246
文章来源：http://blog.csdn.net/lizzy115/article/details/7950959
[学习笔记]Android知识点-点9切图法在Android UI设计中的运用
神是念着倒
05-24 432
九宫格图片在Android平台上的应用Drawable对应表 不分分辨率的图片一般放置在drawable文件夹下。可用于自定义应用图标、供程序使用。在Android Studio中编辑.9.png 1）把一张图片名称后缀设为.9.png； 2）在AS里打开res/drawable打开这张.9.png图片； 参考文章： ①详解Android .9.png “点9”图片的使用 http://
Android开发入门之GridView(九宫图)用法
热门推荐
大写的牛逼
07-14 1万+
Android开发入门之GridView(九宫图)用法 GridView跟ListView都是比较常用的多控件布局，而GridView更是实现九宫图的首选!本文就是介绍如何使用GridView实现九宫图。GridView的用法很多，网上介绍最多的方法就是自己实现一个ImageAdapter继承BaseAdapter，再供GridView使用，类似这种的方法本文不再重复，本文介绍的Grid
非常简单清、清晰、明了的九宫格图标按钮的示例（android）
02-28
本教程将深入讲解如何在Android平台上实现这样一个九宫格布局。 首先，我们需要了解GridView。`GridView`是Android提供的一个视图组件，它可以将数据以网格的形式展示出来，通常用于创建类似照片墙或者菜单选择的...
android PPT.rar
08-30
1. 图片资源：Android支持多种图像格式（如PNG、JPEG、WebP），并且提供了九宫格图（.9.png）来处理拉伸不失真的问题。对于图标和启动画面，Android还引入了Adaptive Icons，以适应不同设备的显示需求。 2. 字符串...
Android应用源码之imageView_应用.zip
09-03
- `android:adjustViewBounds`属性可以使ImageView根据图片的宽高比调整自身大小，而`android:scaleType="centerCrop"`配合`android:src`中的九宫格图（.9.png）可以实现图片的拉伸不失真。 9. **性能优化** - ...
点九图片demo
01-11
点九图片（.9.png）在Android开发中扮演着至关重要的角色，它是Android系统中用于实现自适应伸缩的一种特殊图像格式。这种图片能够自动拉伸，以适应不同尺寸的屏幕，同时保持图像的关键区域（如按钮边框、图标等）不...
android九宫格选择照片
11-09
https://blog.csdn.net/baidu_24743861/article/details/83898847
Android高仿 微信朋友圈动态，动态GridView条目布局
11-09
Android高仿 微信朋友圈动态，动态GridView条目布局 [注意：本资源来自网络，如有侵权，请联系我删除，谢谢。]
android九宫格布局简单demo
03-02
利用SimpleAdapter实现的GridView（九宫格）布局
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);图片展示：
点9PNG制作
07-18
点9PNG制作，安卓布局必备技术
android图形系统详解三：形状Drawable和九宫格
mmdev
04-06 127
形状Drawable 当你想动态画２维图形，ShapeDrawable对象是可能是你合适的选择．使用ShapeDrawable，你可以随意画出原始的形状并且应用到任何风格． 　　ShapeDrawable是一个Drawable的派生类，所以你可以用于任何想使用Drawable的地方—比如可能是一个View的背景，通过setBackgroundDrawable()所设置．当然，你也可以把你的形...
Android图片九宫格
weixin_44075369的博客
01-08 501
九宫格分三类 实现的效果 具体实现 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
uniapp：启动图 .9png 制作教程
sunluyi的博客
02-28 1253
注意上图3条黑线的位置，意思是：标注黑线的位置可以进行缩放。对其大多数启动图来说，标注以上3条黑线即可。1、工具安装：自行下载。
Android中的.9.png图形的机制及制作和使用方法
蓝松SDK
05-29 1076
转自:  http://blog.sina.com.cn/s/blog_4b650d650100nlyj.html Android中的.9.png图形的机制及制作和使用方法   (2011-01-05 17:31:13) 转载▼ 标签：  it       智能手机中经常有自动横屏的功能,同一幅界面在随着手机(
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值