开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Android GridView:两个等宽等高的列，位于父级的中心

Android GridView是一种用于在Android应用程序中显示网格布局的视图组件。它可以将数据以网格的形式展示，并且可以自定义每个网格项的外观和行为。

Android GridView的特点包括：

网格布局：GridView以网格的形式展示数据，可以根据需要设置每行显示的列数。
等宽等高：GridView可以通过设置适当的布局参数，使得每个网格项具有相同的宽度和高度。
数据适配：GridView通过适配器(Adapter)来管理数据，并将数据绑定到每个网格项上。
点击事件：可以为GridView的每个网格项设置点击事件，以便响应用户的交互操作。

在Android中实现两个等宽等高的列位于父级的中心，可以按照以下步骤进行：

创建一个布局文件，例如gridview_layout.xml，用于定义GridView的外观和布局。
在布局文件中，使用GridView作为根视图，并设置相关属性，如列数、宽度、高度等。
创建一个适配器类，继承自BaseAdapter或其子类，用于管理数据和每个网格项的显示。
在适配器类中，重写相关方法，如getCount()、getItem()、getView()等，以实现数据的绑定和网格项的显示。
在Activity或Fragment中，通过findViewById()方法找到GridView，并设置适配器。
可以根据需要，为GridView的每个网格项设置点击事件，以实现交互操作。

腾讯云提供了一系列与移动开发相关的产品和服务，其中包括云服务器、云存储、移动推送、移动分析等。具体推荐的腾讯云产品和产品介绍链接如下：

云服务器（CVM）：提供可扩展的云服务器实例，满足移动应用的计算需求。详情请参考：https://cloud.tencent.com/product/cvm
云存储（COS）：提供高可靠、低成本的对象存储服务，用于存储移动应用的数据和文件。详情请参考：https://cloud.tencent.com/product/cos
移动推送（TPNS）：提供高效可靠的移动消息推送服务，用于向移动应用的用户发送推送通知。详情请参考：https://cloud.tencent.com/product/tpns
移动分析（MTA）：提供全面的移动应用数据分析服务，帮助开发者了解用户行为和应用性能。详情请参考：https://cloud.tencent.com/product/mta

以上是关于Android GridView的解释和相关推荐的腾讯云产品和产品介绍链接。希望对您有所帮助！

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

常见 css 布局整理

常用 css 布局学习整理一、垂直居中二、等分布局三、等高布局四、多列布局五、局中布局（垂直居中）六、全屏布局七、三列布局八、圣杯布局九、双飞翼布局十、水平居中十一、css 布局特别整理...11.1 快速制作一行底部导航栏注意：代码里面都有比较详细的注释项目代码全部已经上传至码云和 Github，两个仓库我会同步更新码云 git 下载地址：git@gitee.com:gorit...，实现子容器在父容器中的居中效果布局效果：二、等分布局实现一行元素，在等高，等宽的情况下，在游览器汇总均匀排布布局效果三、等高布局两列在同一级的 div 元素，实现等高等宽效果布局效果...四、多列布局多列布局实现（等宽，非等宽，有间隙）布局效果自适应的效果不方便展示，可以在代码中查看五、局中布局（垂直居中）两个 div 元素，小盒子在大盒子上下，左右都在中间六...、全屏布局常见的 header，body， foot 的主流界面布局效果七、三列布局三列元素分摊 width 八、圣杯布局头 + 尾布局布局效果九、双飞翼布局 left + item

5211 0

一篇文章搞定多列布局--等宽，等高，自适应

两个子级设置display为table-cell，这样他们其实就相当于table的两个单元格。由于我们要固定左边的宽度，父级table应该使用布局优先，即table-layout: fixed;。...等宽：table 用table就不用写死25%，因为在table-layout:fixed的情况下，列宽不是根据内容计算的，默认列宽是相等的，天生就是等宽。...等高等高布局要实现的就是当一列高度被撑高时，另一列也会跟着被撑高。等高：table 又是table，表格的一行里面不同的单元格天生就是等高的。...在前面定宽+自适应的基础上给左右子元素都写一个极大的padding-bottom，这样两个子元素的高度都很大了，然后我们用一个同样的大的负的margin-bottom和父级的overflow:hidden...这样做虽然左右子元素看起来是一样高的，但是调试可以发现，他们的高度已经加了9999px，远远超过父容器了。这并不是真正意义上的等高，真正意义上的等高还是要用前面两种方案。

2.8K1 0

Android Studio 实现九宫格功能

" android:gravity="center" android:background="#F3DCF3" </GridView <!...-- 容器大小和父容器一样大：match_parent 每列之间的间距为27dp：android:verticalSpacing="27dp" 指定列宽为90dp：android:columnWidth...="90dp" 每一行自动填充3个：android:numColumns="3" 空余的位置均分给列填充：android:stretchMode="columnWidth" 显示位置居中：android...-- 该控件设置在相对于父控件水平居中的位置:layout_centerHorizontal="true" 该控件位于@+id的下面：layout_below="@+id/ItemImage" -...Studio 实现九宫格功能的文章就介绍到这了,更多相关android studio九宫格内容请搜索ZaLou.Cn以前的文章或继续浏览下面的相关文章希望大家以后多多支持ZaLou.Cn！

1.3K1 1

CSS 基础系列：常见布局方式

image.png 1.单列布局 image.png 常见的单列布局有两种： header、content、footer等宽 header、footer 等宽，content 略窄对于第一种：...对于圣杯布局，它是利用父盒子的左右 padding 确保将主列内容挤到中间，在效果上表现为三个独立列；对于双飞翼布局，它是在主列里放置一个子盒子，利用子盒子的左右 margin 确保内容位于中间，在效果上表现为左右两列在主列上面...4.等高布局等高布局是指多个子元素在父元素中高度相等的布局方式。 4.1 正 padding + 负 margin：该方法可以解决圣杯布局各子元素高度不等的缺点。...假设某一列高度最大，则父盒子的高度会等于这一列高度，而其他列本来的留白部分由带背景色的 padding 补偿。...4.2 利用背景图片：这种方法是我们实现等高列最早使用的一种方法，就是使用背景图片，在列的父元素上使用这个背景图进行Y轴的铺放，从而实现一种等高列的假象。

1.8K2 0

iOS 瀑布流封装

目前支持竖向瀑布流(item等宽不等高、支持头脚视图)、水平瀑布流(item等高不等宽不支持头脚视图)、竖向瀑布流( item等高不等宽、支持头脚视图)三种样式的瀑布流布局。...前言：近几个月一直在忙公司的ChinaDaily和国务院项目，没有抽出时间来写简书，现在终于算是告一段落了，抽出时间来更一篇实现：主要是重写父类的几个涉及布局属性的方法，在对应的布局属性方法中根据需求自定义视图布局属性信息...item等宽不等高 */ WSLHorizontalWaterFlow = 1, /** 水平瀑布流 item等高不等宽不支持头脚视图*/ WSLVHWaterFlow = 2, /...** 竖向瀑布流 item等高不等宽 */ WSLLineWaterFlow = 3 /** 线性布局待完成，敬请期待 */ } WSLFlowLayoutStyle;//样式 @class...WSLWaterFlowLayout; @protocol WSLWaterFlowLayoutDelegate /** 竖向瀑布流 item等宽不等高 */ -(CGFloat

2K8 0

iOS 瀑布流封装

目前支持竖向瀑布流(item等宽不等高、支持头脚视图)、水平瀑布流(item等高不等宽不支持头脚视图)、竖向瀑布流( item等高不等宽、支持头脚视图)三种样式的瀑布流布局。...前言：近几个月一直在忙公司的ChinaDaily和国务院项目，没有抽出时间来写简书，现在终于算是告一段落了，抽出时间来更一篇实现：主要是重写父类的几个涉及布局属性的方法，在对应的布局属性方法中根据需求自定义视图布局属性信息...item等宽不等高 */ WSLHorizontalWaterFlow = 1, /** 水平瀑布流 item等高不等宽不支持头脚视图*/ WSLVHWaterFlow = 2, /...** 竖向瀑布流 item等高不等宽 */ WSLLineWaterFlow = 3 /** 线性布局待完成，敬请期待 */ } WSLFlowLayoutStyle;//样式 @class...WSLWaterFlowLayout; @protocol WSLWaterFlowLayoutDelegate /** 竖向瀑布流 item等宽不等高 */ -(CGFloat

1.6K8 0

手机卫士自定义组合控件

设置中心新建SettingActivity 设置GridView条目的点击事件调用GridView对象的setOnItemClickListenner()方法，参数：OnItemClickListenner...对象匿名内部类实现，重写onItemClick()方法，传递进来的参数： parent是GridView对象，view是当前View对象，position是当前索引 switch判断，当时设置中心的索引时...，跳转到设置中心设置中心界面使用相对布局，右边的位于父控件的右边，垂直居中设置CheckBox 禁止点击，android:clickable=”false” 设置垂直居中，...android:layout_centerVeritical=”true” 画一条黑线添加控件，高度0.2dp，背景色黑色，左右边距5dp，位于父控件底部自定义组合View 为了重复利用...控件对象调用SetingItemView对象的setOnClickListenner()方法，设置点击事件，在重写的onClick方法里面调用SetingItemView对象的isChecked()

4091 0

几种常见的CSS布局

常见的单列布局有两种： header,content和footer等宽的单列布局 header与footer等宽,content略窄的单列布局 1.如何实现对于第一种，先通过对header,content...两种布局方式的不同之处在于如何处理中间主列的位置：圣杯布局是利用父容器的左、右内边距+两个从列相对定位；双飞翼布局是把主列嵌套在一个新的父级块中利用主列的左、右外边距进行布局调整四、等高布局等高布局是指子元素在父元素中高度相等的布局方式...这种可能实现多列等高布局，并且也能实现列与列之间分隔线效果，结构简单，兼容所有浏览器。...2.利用背景图片这种方法是我们实现等高列最早使用的一种方法，就是使用背景图片，在列的父元素上使用这个背景图进行Y轴的铺放，从而实现一种等高列的假象。...实现方法简单，兼容性强，不需要太多的css样式就可以轻松实现,但此方法不适合流体布局等高列的布局。在制作样式之前需要一张类似下面的背景图： ?

8722 0

几种常见的 CSS 布局

常见的单列布局有两种： header,content 和 footer 等宽的单列布局 header 与 footer 等宽, content 略窄的单列布局 1.如何实现对于第一种，先通过对header...两种布局方式的不同之处在于如何处理中间主列的位置：圣杯布局是利用父容器的左、右内边距+两个从列相对定位；双飞翼布局是把主列嵌套在一个新的父级块中利用主列的左、右外边距进行布局调整四、等高布局等高布局是指子元素在父元素中高度相等的布局方式...这种可能实现多列等高布局，并且也能实现列与列之间分隔线效果，结构简单，兼容所有浏览器。...2.利用背景图片这种方法是我们实现等高列最早使用的一种方法，就是使用背景图片，在列的父元素上使用这个背景图进行Y轴的铺放，从而实现一种等高列的假象。...实现方法简单，兼容性强，不需要太多的css样式就可以轻松实现,但此方法不适合流体布局等高列的布局。在制作样式之前需要一张类似下面的背景图： ?

8992 0

Android开发(2) - 九宫格的实现

在描述时，要说明图片位于上方，文字位于下方。 3.迭代，或者说重复的将各项插入（放入）到容器内。具体怎么实现。...1.新建一个activity，描述放置我们的容器控件 <GridView android:id="@+id/gridView1" android:layout_width="fill_parent"...:gravity="center" android:layout_height="fill_parent"> 在这里需要关注的属性是columnWidth，这里指定了列的宽度...，一个列对象，对应一个 “可重复的子项”，这个子项就是我们的图片项和图片下方文字显示的部分。...}); //指定数据的列对应到的绑定的目标控件那么如何获得选择的项呢？

8710 0

Android精通：View与ViewGroup，LinearLayout线性布局，RelativeLayout相对布局，ListView列表组件

viewgroup.png Android为我们提供了View和ViewGroup的两个子类的集合，提供常用的一些输入控件（比如按钮，图片和文本域等）和各种各样的布局模式（比如线程布局，相对布局，绝对布局...表示填充父容器 gravity:控制组件所包含的子元素的对齐方式 layout_gravity:控制该组件在父容器里的对齐方式 background:为该组件添加一个背景图片 LinearLayout...layout_alignParentTop:为true,视图的上边界与父级的上边界对齐 layout_centerVertical:为true,将子类放置在父类中心 layout_below:将该视图放在资源..." android:text="正确" /> GridView网格布局 GridView其实是一个网格一样的视图组件，是一个ViewGroup的二维视图...gridview.png ListView列表组件 ListView是一个用于显示列表的可以滚动的视图组，列表项也可以用适配器进行添加内容的。

1.8K2 0

手机卫士欢迎细节和主界面

对话框是Activity的一部分对话框是挂载在Activity上的，Activity是Context的子类父亲类有的子类一定有子类有的父类不一定有 XxxActivity.this生命周期短一点...，和activity一致，用的多一点 getApplicationContext()生命周期长一点，和应用一致应用程序的主界面九宫格的布局，使用布局 GridView和ListView...是两兄弟，设置三列， android:numColumns=”3” 设置内部条目垂直的距离，android.verticalSpacing=”10dp” 获取GridView对象调用GridView...; import android.widget.BaseAdapter; import android.widget.GridView; import android.widget.ImageView;...String[] names={ "手机防盗","通讯卫士","软件管家", "进程管理","流量统计","手机杀毒", "缓存清理","高级工具","设置中心

4992 0

GridView属性和使用方法

一、认识GridView 前面学的ListView是列表，这里的GridView就是显示网格，用于在界面上按行、列分布的方式来显示多个组件。...GridView 和 ListView 有共同的父类：AbsListView，因此 GridView和ListView具有很高的相似性，它们都是列表项。...GridView与ListView的唯一区别在于：ListView只显示一列；而GridView可以显示多列。...从这个角度来看，ListView相当于一种特殊的GridView，如果让 GridView只显示一列，那么该GridView就变成了 ListView。...> 定义GridView时指定了 android:numColumns="4"，这意味着该网格包含4列。

2.9K7 0

ConstraintLayout(约束布局)的使用

概述 ConstraintLayout(约束布局)的出现是为了在Android应用布局中保持扁平的层次结构，减少布局的嵌套，为应用创建响应快速而灵敏的界面。...相关属性： layout_constraintCircle：参照控件的id layout_constraintCircleRadius：两个控件中心连线的距离 layout_constraintCircleAngle...：当前View的中心与目标View的中心的连线与Y轴方向的夹角（取值：0~360）示例： ?...设置Guidline的方向： android:orientation="horizontal"：高度0dp，宽度与父容器等宽 android:orientation="vertical"：宽度0dp，高度与父容器等高...layout_constraintGuide_percent：距离父容器左边或者顶部的距离占父容器的宽或者高的百分比示例 ?

2.2K3 0

Android 关于GridView那些事

1.android:numColumns=”auto_fit” //GridView的列数设置为自动 2.android:columnWidth=”90dp ” //每列的宽度，也就是Item的宽度...3.android:stretchMode=”columnWidth”//缩放与列宽大小同步 4.android:verticalSpacing=”10dp” //两行之间的边距 5.android...:horizontalSpacing=”10dp” //两列之间的边距 6.android:cacheColorHint=”#00000000” //去除拖动时默认的黑色背景 7.android...2.自定义GridView实现：思路： 1.通过反射获取GridView的列数 2.获取GridView的childview 3.根据childview的情况画线代码： @Override...https://github.com/Hankkin/GridViewDemo 对了在这里，小编给大家推荐两个Android开发群，群里的人都很好，群主是KJFrameForAndroid框架的作者张涛

8411 0

Android开发笔记（二十二）瀑布流网格WaterfallGridView

瀑布流网格的产生背景 Android中展示门类信息一般使用列表视图ListView或者网格视图GridView，特别是电商类APP的首页，除了顶部导航、底部标签、上方横幅外，主要页面都是展示各种商品和活动的网格视图...一般情况下GridView就够用了，不过GridView中规中矩，每个网格的大小都是一样的，有时显得有些死板。...最后放区块3，位置在区块1的下方，同时位于区块0和区块2的右边。...首先建立一个自定义视图WaterfallGridView，传入两个自定义属性：column_num表示列数，item_gap表示单元间隔。...保存每列末尾的视图id，是为了在它下方添加视图时可以指定位于哪个视图的下方；保存每列的总高度，是为了判断当前哪一列总高度最小，从而把新来的网格添加到该列末尾。

2.2K6 0

最全的常见css布局

常见的单列布局有两种： header,content 和 footer 等宽的单列布局 header 与 footer 等宽,content 略窄的单列布局 1.如何实现对于第一种，先通过对 header...两种布局方式的不同之处在于如何处理中间主列的位置：圣杯布局是利用父容器的左、右内边距+两个从列相对定位; 双飞翼布局是把主列嵌套在一个新的父级块中利用主列的左、右外边距进行布局调整四、等高列布局等高布局是指子元素在父元素中高度相等的布局方式...等高布局的实现包括伪等高和真等高,伪等高只是看上去等高而已,真等高是实实在在的等高。...1.利用背景图片这种方法是我们实现等高列最早使用的一种方法，就是使用背景图片，在列的父元素上使用这个背景图进行Y轴的铺放，从而实现一种等高列的假象。...这种可能实现多列等高布局，并且也能实现列与列之间分隔线效果，结构简单，兼容所有浏览器。

1.6K1 0

【Android 控件使用及源码解析】 GridView规则显示图片仿微信朋友圈发图片

最近项目要求上传多图并且多图显示，而且要规则的显示，就像微信朋友圈的图片显示一样。想了一下用GridView再适合不过了，GridView可以动态加载图片的数量，而且还比较规律。...下面说一下自己的思路： 1.获取网络图片 2.初始化gridview,自定义适配器 3.根据图片数量设置gridview的列数 4.更新适配器下面贴上部分源码并给大家解析一下一、首先是GridView...的列数为3，根据图片的数量动态设置列数。...ImgeView的scaleType的属性如果设置FitXY就会充满方形布局，如果center就会居中显示详细说一下吧： 1）center：保持原图的大小，显示在ImageView的中心。...2）centerCrop：以填满整个ImageView为目的，将原图的中心对准ImageView的中心，等比例放大原图，直到填满ImageView为止（指的是ImageView的宽和高都要填满），原图超过

1.1K1 0

《Flutter》-- 6.高级组件

只需将Scrollbar组件作为可滚动组件的父组件使用即可。...bool primary,//是否是与父级关联的主滚动视图 this.physics,//设置滚动效果 this.controller,//控制滚动位置，当primary为true时，controller...即从头开始滚动 ScrollController controller,//控制滚动位置，当primary为true时，controller必须为null bool primary,//是否是与父级关联的主滚动视图...，作用类似于原生Android中的GridView/RecyclerView或者iOS的UICollectionView。...，有两个实现类： 1）SliverGridDelegateWithFixedCrossAxisCount：用于列数固定的场景 SliverGridDelegateWithFixedCrossAxisCount

10.6K2 0

Android解决ScrollView下嵌套ListView和GridView中内容显示不全的问题

最近为公司做的一个Demo里面用到了ScrollView嵌套了GridView和ListView，然而在嵌套的时候我发现GridView和ListView都是不能完全显示，显示的基本上都是单行的数据，最后查找资料和翻阅文档看到原因是...ListView和GridView的绘制过程中在ScrollView中无法准确的测量自身的高度，而且listVIew和GridView抢占了焦点，使得ListView和GrideView具有自身的显示的效果...+= listItem.getMeasuredHeight(); } //通过父控件进行高度的申请 ViewGroup.LayoutParams params = listView.getLayoutParams...的方法和ListView的测量的方法基本一样但是listView是单行条目的不用在担心列的问题问GridView则是需要进行自己分行和自己分列的所以要注意一下 gv_home = (...youGrideView)(这个方法能解决问题但是感觉不是很好灵活性太差我用的获取的列数始终获取不到，有看神看到了给我回复) public void getGridViewSelfhetght(GridView

2.3K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭