`
seya
  • 浏览: 359936 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

Grid调整间距

阅读更多
今天使用GridView, 发现点中某一Item时选中部分的背景都变成高亮, 范围超过图标大小, 显示效果很不好。 想到要改成选中时高亮部分只有图标大小那部分, 这就需要设置item的间距。 一开始使用了setColumnWidth,发现无法达到效果, 设置StretchMode也不行。 上网找了一遍也没什么有效的结论。 后来自己想了想, setVerticalSpacing和setHorizontalSpacing是有效果的, 但是距离屏幕边还是0. 只要再把gridview本身设置一个padding就可以了。 所做修改如下:
<GridView
        android:id="@+id/main_list"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:gravity="center"
        android:numColumns="auto_fit"
        android:horizontalSpacing="40dp"
        android:verticalSpacing="40dp"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:paddingLeft="30dp"
        android:paddingRight="30dp"
        />
这样达到了我所需要的效果。
分享到:
评论

相关推荐

    pyecharts调整图例与各板块的位置间距实例

    引入Grid grid=Grid() # 可以分别调整上下左右的位置,可以是百分比,也可以是具体像素,如pos_top=50px grid.add(c,grid_opts=opts.GridOpts(pos_top=50%,pos_bottom=50%,pos_left=50%,pos_right=50%)) 调整前的...

    Grid布局综合Demo案例

    在Grid布局中,我们还可以使用`grid-gap`来设置网格项之间的间距,`grid-auto-rows`和`grid-auto-columns`用于定义自动生成的行和列的大小。此外,`grid-template-areas`属性允许我们通过命名网格区域来创建更直观的...

    css的grid网格布局

    - grid-gap: 是grid-row-gap和grid-column-gap的简写形式,用于同时设置行和列的间距。 通过调整网格轨道的对齐方式,可以使用以下属性: - justify-items: 调整网格中所有项目的横轴方向的排布。 - align-items: ...

    Draw-Grid_100_catia插件_catia车线_drawgrid_Draw-Grid下载_catia_

    用户可以通过该插件自定义网格的大小、间距、方向,甚至可能包括颜色和其他视觉属性,以满足特定的设计需求。这极大地提高了工作效率,减少了手动绘制和调整网格的时间。 在描述中提到的“制图放置车线使用插件制图...

    grid.rar_grid布局

    4. **间距调整**:使用`grid-gap`属性可以设置网格单元之间的间距。例如,`grid-gap: 10px;`会在行和列之间添加10像素的间距。 5. **响应式设计**:CSS Grid也支持响应式设计,通过媒体查询(`@media`)可以针对不同...

    html grid

    5. **grid-gap(网格间距)**:设置网格项之间的间距,等同于`grid-column-gap`和`grid-row-gap`的简写。 6. **grid-template-areas(网格模板区域)**:用于创建命名的网格区域,便于更复杂布局的组织。 7. **...

    react-使用CSSGrid和styledcomponents的Reactgrid

    这可以通过媒体查询(`@media`)来实现,根据视口宽度调整`grid-template-columns`和`grid-template-rows`的值。 通过这个名为`react-gridit`的项目(可能对应于压缩包文件名`react-gridit-master`),你将能够看到一...

    基于grid布局实现的响应式栅格系统

    Grid布局的关键属性包括`display: grid`用于开启网格容器,`grid-template-columns`和`grid-template-rows`定义网格的列和行,以及`grid-gap`来设置网格项之间的间距。 2. 响应式设计原理: 响应式设计是一种确保...

    Ext框架的Grid使用介绍

    6. **视图配置**:Grid的视图配置可以调整行高、行间距、鼠标悬停效果等,以优化用户体验。例如,stripeRows参数可以使行交替显示不同颜色。 7. **插件支持**:EXT JS Grid有多种插件,如CellEditing用于单元格编辑...

    关于960Grid CSS Framework

    960 Grid CSS Framework 的核心理念是将页面分为12列或16列的网格,每列之间有10像素的间距,总宽度为960像素。这种设计方法允许开发者灵活地分配内容区域,确保不同元素之间的对齐和平衡。通过调整列的数量和宽度,...

    对UGUI的GridLayoutGroup组件进行拓展.rar

    3. **脚本控制**:通过编写脚本来动态调整GridLayoutGroup的属性,如在运行时改变单元格大小、约束条件或间距,以适应不同的场景需求。 4. **配合其他组件**:与CanvasGroup或RectTransform结合,可以实现更复杂的...

    grid设计辅助工具 通过图形化界面来辅助进行grid布局设计

    3. **对齐和间距控制**:提供方便的工具来调整元素的行内和行间间距,以及左右边距。 4. **响应式设计**:支持不同设备尺寸的预设,帮助开发者确保Grid布局在移动设备上同样表现良好。 5. **代码生成**:将设计的...

    960grid 用于前端布局

    2. **JavaScript 文件**(如果包含):960 Grid System 有时会提供 JavaScript 插件,以增强其功能,比如动态调整列宽,或者在窗口尺寸变化时重新排列元素。 3. **示例文件**:可能包含 HTML 示例文件,演示如何在...

    详细解读CSS布局-Grid布局.docx

    - `grid-gap`:用于设置网格轨道之间的间距,包括行间距和列间距。例如,`grid-gap: 10px`会在所有网格线上添加10px的间距。 - `align-items`和`justify-items`:分别用于设置网格内所有项目的垂直和水平对齐方式...

    Draw-Grid_New.rar_CATIA GRID_Draw-Grid下载_catia draw grid_draw gr

    4. 调整并设置所需的网格参数,如行数、列数、间距等。 5. 运行脚本,生成网格线。 值得注意的是,虽然"Draw-Grid_New"提供了便捷的网格绘制功能,但使用前需要对CATIA的脚本编程有一定了解,以便正确设置参数和...

    前端大厂最新面试题-grid.docx

    容器属性还包括`grid-row-gap`属性、`grid-column-gap`属性和`grid-gap`属性,分别设置行间距、列间距和行列间距。 例如: ``` grid-row-gap: 10px; grid-column-gap: 20px; grid-gap: 10px 20px; ``` 项目属性包括...

    1200GridSystem

    `text.css`文件则专注于文本相关的样式设定,包括字体大小、颜色、行高、对齐方式、链接样式、段落间距等。这样的分离可以使设计师更专注于页面的可读性和用户体验,而不必担心整体布局的影响。通过调整这些文本样式...

    CSS Grid 网格布局教程.docx

    5. `grid-gap`:设置网格内部的间距,包括行间距`grid-row-gap`和列间距`grid-column-gap`。 6. `align-items`和`justify-items`:控制项目在行内和列内的对齐方式。 7. `align-content`和`justify-content`:调整行...

    Python tkinter布局与按钮间距设置方式

    在本例中,我们将使用`grid`布局管理器来放置标签和按钮,并设置它们之间的间距。 ##### 示例代码解析 ```python import tkinter as tk root = tk.Tk() label = tk.Label(root, text='Label') label.grid(column=...

    vs2010 wpf Grid GridSplitter 布局 分割

    `GridSplitter`是一个特殊类型的控件,其主要功能是在`Grid`环境中动态调整相邻单元格的大小。当你需要用户自定义窗口布局时,`GridSplitter`就显得尤为重要。它可以沿着行、列或两者同时调整大小,提供了一种直观的...

Global site tag (gtag.js) - Google Analytics