首页 > 其他分享 >网格布局GridLayout

网格布局GridLayout

时间:2022-08-30 07:22:07浏览次数:62  
标签:多行 排列 布局 网格 GridLayout 多列

 虽然线性布局既能在水平方向排列,也能在垂直方向排列,但它不支持多行多列的布局方式,只支持单行(水平排列)或单列(垂直排列)的布局方式。若要实现类似表格那样的多行多列形式,可采用网格布局GridLayout。

 网格布局中的下级视图按照从左往右,从上到下的顺序排列

通过属性rowCount设置行数

通过属性columnCount设置列数

例如:

效果展示:

 

标签:多行,排列,布局,网格,GridLayout,多列
From: https://www.cnblogs.com/qsxstu/p/16634944.html

相关文章

  • 前端页面布局方式有哪些?
    1、固定布局(1)适用于局部元素固定位置(例如:返回顶部的按钮固定在页面底部)(2)适用于h5页面整个页面尺寸、元素比例的控制2、流式布局依据文档流本身的特点,不做控制,自上往下......
  • 相对布局RelativeLayout
    相对布局中,下级视图位置由其他视图决定决定下级视图位置的参照物有两种以当前视图的平级视图为参照物以当前视图的上级视图(即当前视图所在的RelativeLayout)为参照物......
  • 线性布局LinearLayout
    线性布局中的下级视图有两种排列方式当orientation属性为horizontal时,线性布局中的下级视图在水平方向上从左往右排列当orientation属性为vetical时,线性布局中的下级视......
  • 前端面试题之CSS布局问题
    垂直居中DIVHTML部分<divclass="father"><divclass="son">我是垂直居中的div</div></div>这里简单给出几种1.绝对定位(盒子宽高已知).father{......
  • 「NOI2016」网格 题解
    「NOI2016」网格题解前言感谢zqm学长提供调代码服务!本文中,所有没有特殊说明的连通都是指四连通,相邻都是指上下左右相邻。题目大意有一个$n\timesm$的网格,上......
  • 京东页面的响应式布局
    <!DOCTYPEhtml><htmllang="en"><head>  <metacharset="UTF-8">  <metahttp-equiv="X-UA-Compatible"content="IE=edge">  <metaname="viewport"c......
  • flex布局
    页面自适应布局,且平均等分<style>div{width:100%;height:100%;display:flex;background-color:cornsilk;/*spac......
  • 【前端】第3回 CSS页面布局与JS简介
    目录1.CSS盒子模型1.1margin(外边距)2.浮动布局(float)2.1float简介2.2三种取值与clear2.3解决浮动造成的父标签塌陷3.溢出属性(overflow)4.定位4.1static(静态)4.2r......
  • 盒子模型、 浮动布局、定位属性、 z-index、JavaScript基础语法
    今日内容概要盒子模型浮动布局定位属性z-indexJavaScript基础语法今日内容详细盒子模型所有的标签都可以看成是一个快递盒1.外边距(margin):指标签之间的距离(......
  • 前端知识之CSS(3)-盒子模型、浮动布局、溢出属性、定位、脱离文档流、z-index之模态框
    目录盒子模型浮动布局(float)1.什么是浮动2.浮动的作用3.浮动有俩个特点4.浮动(float)格式5.浮动会造成父标签塌陷这是一个不好的现象因为会引起歧义6.解决父标签塌陷问题溢......