推荐项目：NineGridLayout - 灵活强大的九宫格布局库

于 2024-04-21 09:37:30 发布
阅读量370 收藏 10
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gitblog_00045/article/details/138023503
版权

推荐项目：NineGridLayout - 灵活强大的九宫格布局库

项目简介

是一个由 Liang Chaojie 开发的 Android 库，旨在为开发者提供一种简单、灵活的方式来实现九宫格布局。这个项目的目的是解决在 Android 应用开发中，特别是在需要创建类似图片展示或选择器界面时，对于自定义网格布局的需求。

技术分析

NineGridLayout 基于 Android 的 ConstraintLayout，这使得它能够充分利用约束布局的强大功能，如响应式设计和易于调整的约束。库的核心是 NineGridLayout 类，该类扩展了 ConstraintLayout 并添加了专门的方法来管理和更新子视图的位置和大小，以适应不同的九宫格配置。

  • 动态适配： NineGridLayout 可以根据传入的子视图数量自动调整布局，无论是标准的9个子视图，还是少于9个或者多于9个的情况。
  • 自定义间距：支持设置行间距、列间距以及边缘间距，以满足各种视觉效果需求。
  • 事件处理：提供了便捷的接口用于监听子视图的点击事件，方便集成交互逻辑。

应用场景

此项目适用于以下场景：

  1. 图片选择器：如微信朋友圈的照片选择界面，可以轻松地以九宫格形式展示预览图片。
  2. 游戏关卡选择：在游戏应用中，可以创建一个九宫格布局来展示各个关卡。
  3. 列表卡片样式：在信息展示类应用中，如果希望以网格形式展现数据，NineGridLayout 提供了一个优雅的解决方案。

特点

  • 简洁API：设计简洁的 API，使开发者容易理解和集成到现有代码中。
  • 性能优化：利用 ConstraintLayout 的特性，减少重绘次数，提高性能。
  • 高度可定制化：通过属性动画支持动态改变布局，允许开发者自由定制视觉效果。
  • 兼容性好：支持 Android API 21+，覆盖了大多数现代设备。
  • 持续维护：作者定期更新项目并修复问题，确保其稳定性与兼容性。

结语

NineGridLayout 是 Android 开发者实现九宫格布局的理想工具，它的强大功能、易用性和灵活性将帮助您快速构建美观且高效的界面。如果你正在寻找一个能够简化布局管理，同时又不失个性化定制能力的库，那么 NineGridLayout 绝对值得尝试。

开始探索 ，让您的 Android 应用程序的界面更加生动有趣！

仰北帅Bobbie
关注
  • 3
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
自定义九宫格控件NineGridLayout ,实现微信朋友圈图片九宫格显示
Scarery的专栏
02-08 1万+
前言     很多时候我们都在刷微博或者微信朋友圈的时候都会看到很多图片，而这些图片的显示跟我们平时很多控件的显示方式都不一样，而且，当我们仔细去观察后就会发现，他加载的图片都是根据图片数量动态加载的，根据不同的图片数量来用不同的布局显示，如下图：
NineGridView 九宫格GridView
09-14
NineGridViewNineGridViewNineGridViewNineGridViewNineGridViewNineGridViewNineGridViewNineGridViewNineGridViewNineGridViewNineGridViewNineGridView
Android-Android图片选择预览九宫格图片控件拖拽排序九宫格图片控件
08-13
Android 图片选择、预览、九宫格图片控件、拖拽排序九宫格图片控件
Android 图片选择、预览、九宫格图片控件、拖拽排序九宫格图片控件
09-08
Android 图片选择、预览、九宫格图片控件、拖拽排序九宫格图片控件
GridLayout：定制的9格图片显示，支持1-9图片显示根据图像数量显示不同样式，也支持自定义
02-26
网格布局 定制的9格图片显示，支持1-9图片显示根据图像数量显示不同样式，还支持定制
NineGridLayout-master(仿微信九宫格图片显示).zip
05-09
仿微信 朋友圈图片显示， 支持一张大图显示和多张九宫格图片显示。图片点击可以预览， demo可运行
Android显示九宫图（自定义圆角，仿微信九宫格图）
weixin_44357587的博客
05-13 2014
详细解析Android显示九宫图（自定义圆角，仿微信九宫格图） 这是一个自定义九宫格图片框架，里面有设置圆角大小，还有当图片一张的时候控件自定义的大小，图片的间隔，四张图片的时候图片自定义为两行两列等等功能，为了更好解决九宫图问题所定义的一个框架，话不多说，上图上代码： 第一步：自定义控件–NineGridLayout // 九宫格显示的layout // 根据图片数量来调整显示 public class NineGridLayout extends ViewGroup { /**
Android：NineGridLayout — 仿微信朋友圈和QQ空间的九宫格图片展示自定义控件
热门推荐
HMYANG314的专栏
05-15 2万+
NineGridLayout 一个仿微信朋友圈和QQ空间的九宫格图片展示自定义控件。 一、介绍 1、当只有1张图时，可以自己定制图片宽高，也可以使用默认九宫格的宽高； 2、当只有4张图时，以2*2的方式显示； 3、除以上两种情况下，都是按照3列方式显示，但这时有一些细节： a、如果只有9张图，当然是以3*3的方式
安卓项目实战之：仿微信朋友圈的九宫格自定义控件
智玲君
05-06 1234
效果图 GitHUb地址：https://github.com/HMY314/NineGridLayout 图片展示形式 1、当只有1张图时，可以自己定制图片宽高，也可以使用默认九宫格的宽高； 2、当只有4张图时，以2*2的方式显示； 3、除以上两种情况下，都是按照3列方式显示，但这时有一些细节： a、如果只有9张图，当然是以3*3的方式显示； b、如果超过9张图，可以设置是否全...
Android自定义ViewGroup布局进阶，完整的九宫格实现
star_nwe的博客
12-13 2102
如何把填充布局的逻辑抽取出来呢？每次初始化九宫格的时候就把九个布局全部添加进来，先测量布局了再说，然后通过暴露的方法隐藏多余的布局。通过一个定义一个数据适配器Adapter,内部封装一些逻辑，让具体实现的类去完成具体的逻辑。两种方法都可以，没有好坏之分。但是使用数据适配器的方案由于内部的View会少，性能会好那么一丢丢，总体来说差别不大。
NineGridLayout — 仿微信朋友圈和QQ空间的九宫格图片展示自定义控件
monoCuty的专栏
05-18 3317
一个仿微信朋友圈和QQ空间的九宫格图片展示自定义控件。 GitHub：https://github.com/HMY314/NineGridLayout 一、介绍 1、当只有1张图时，可以自己定制图片宽高，也可以使用默认九宫格的宽高； 2、当只有4张图时，以2*2的方式显示； 3、除以上两种情况下，都是按照3列方式显示，但这时有一
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 多图上传后将图片进行九宫格展示的实例代码
01-20
5. `columns` 和 `rows`：九宫格的列数和行数，会根据屏幕尺寸和图片数量动态计算。 6. `singleWidth` 和 `singleHeight`：单个图片的实际宽度和高度，由`defaultWidth`和`defaultHeight`及屏幕尺寸决定。 7. `dip2...
android 适用于listview中girdview
12-28
同时，利用开源库NineGridLayout可以简化九宫格布局的实现，提高开发效率。在实际开发中，还需要考虑性能优化，例如使用ViewHolder模式减少视图的复用，以及使用异步加载策略处理大数据量的图片等。
Android仿微信微博多图展示效果
08-31
在这个案例中，开发者创建了一个名为NineGridlayout的自定义ViewGroup，它能够处理多个ImageView并按照九宫格的方式进行排列。自定义ViewGroup需要重写onMeasure()和onLayout()方法，以确保子视图的正确测量和放置。...
android 最新 九宫格,Android开发中怎么显示一个九宫格图片
weixin_36164462的博客
05-26 613
Android开发中怎么显示一个九宫格图片发布时间：2020-11-21 15:09:33来源：亿速云阅读：86作者：Leah本篇文章给大家分享的是有关Android开发中怎么显示一个九宫格图片，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。具体方法如下：public abstract class NineGridAdapter {pr...
Android实现九宫格图片控件
小口口的博客
08-24 1187
完全动态适配手机屏幕宽度；单张图片时可以自定义图片大小；可自定义多张图片之间的间距；可自定义最大限制长度；多张图片时根据间距自动计算图片的大小；可实现图片的点击功能；可实现图片的长按功能；大于9张图片时+n布局自动展示；+n布局可以在代码中自动修改样式；支持Glide等多种图片加载框架。
android 九宫格图片工具,Android 图片选择、预览、九宫格图片控件、拖拽排序九宫格图片控件...
weixin_32424885的博客
05-26 2513
7d54831e-5d92-11e6-83d0-4049039e0899.gif将 MeiqiaSDK-Android［https://github.com/Meiqia/MeiqiaSDK-Android］ 里的图库单独抽出来开源，将其中的 GridView、ListView 和 RelativeLayout 换成 RecyclerView 和 Toolbar，方便在以后的项目中直接依赖使用。D...
android九宫格控件,IKNinePhotoView是一个开源的Android九宫格控件
weixin_34308792的博客
06-02 320
IKNinePhotoViewIntroductionIKNinePhotoView是一个开源的Android九宫格控件，可以自适应宽高主要用于满足九宫格图片展示器及选择器的需求。IKNinePhotoViewDemo UsageStep 1IKNinePhotoViewandroid:id="@+id/nine_photo"android:layout_width="wrap_content"a...
在Android中实现九宫格布局
最新发布
03-31
Android中可以使用GridLayout或者自定义布局实现九宫格布局。 1. 使用GridLayout GridLayout是Android提供的布局，可以实现网格布局。以下是一个九宫格布局的例子： ``` <GridLayout android:layout_width="match_parent" android:layout_height="match_parent" android:rowCount="3" android:columnCount="3" android:orientation="horizontal"> <Button android:text="Button 1" android:layout_row="0" android:layout_column="0"/> <Button android:text="Button 2" android:layout_row="0" android:layout_column="1"/> <Button android:text="Button 3" android:layout_row="0" android:layout_column="2"/> <Button android:text="Button 4" android:layout_row="1" android:layout_column="0"/> <Button android:text="Button 5" android:layout_row="1" android:layout_column="1"/> <Button android:text="Button 6" android:layout_row="1" android:layout_column="2"/> <Button android:text="Button 7" android:layout_row="2" android:layout_column="0"/> <Button android:text="Button 8" android:layout_row="2" android:layout_column="1"/> <Button android:text="Button 9" android:layout_row="2" android:layout_column="2"/> </GridLayout> ``` 2. 自定义布局 也可以使用自定义布局实现九宫格布局。以下是一个自定义九宫格布局的例子： ``` public class NineGridLayout extends LinearLayout { private static final int DEFAULT_COLUMN_COUNT = 3; private int mColumnCount; private List<View> mViewList; public NineGridLayout(Context context) { super(context); init(); } public NineGridLayout(Context context, AttributeSet attrs) { super(context, attrs); init(); } public NineGridLayout(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { setOrientation(VERTICAL); mViewList = new ArrayList<>(); mColumnCount = DEFAULT_COLUMN_COUNT; } public void setColumnCount(int columnCount) { mColumnCount = columnCount; } public void setViews(List<View> viewList) { mViewList.clear(); mViewList.addAll(viewList); notifyDataSetChanged(); } public void notifyDataSetChanged() { removeAllViews(); int rowCount = (int) Math.ceil(mViewList.size() * 1.0 / mColumnCount); for (int i = 0; i < rowCount; i++) { LinearLayout rowLayout = new LinearLayout(getContext()); rowLayout.setLayoutParams(new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT)); rowLayout.setOrientation(HORIZONTAL); for (int j = 0; j < mColumnCount; j++) { int index = i * mColumnCount + j; if (index < mViewList.size()) { View view = mViewList.get(index); view.setLayoutParams(new LayoutParams(0, ViewGroup.LayoutParams.WRAP_CONTENT, 1)); rowLayout.addView(view); } else { View emptyView = new View(getContext()); emptyView.setLayoutParams(new LayoutParams(0, ViewGroup.LayoutParams.WRAP_CONTENT, 1)); rowLayout.addView(emptyView); } } addView(rowLayout); } } } ``` 使用时可以在XML中定义布局： ``` <com.example.customview.NineGridLayout android:id="@+id/nine_grid_layout" android:layout_width="match_parent" android:layout_height="wrap_content" app:columnCount="3"/> ``` 然后在代码中设置View： ``` List<View> viewList = new ArrayList<>(); for (int i = 0; i < 9; i++) { Button button = new Button(this); button.setText("Button " + (i + 1)); viewList.add(button); } NineGridLayout nineGridLayout = findViewById(R.id.nine_grid_layout); nineGridLayout.setViews(viewList); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

仰北帅Bobbie

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值