美文网首页GTK+3开发者
GTK+3系列教程5:使用Grid布局

GTK+3系列教程5:使用Grid布局

作者: 7397aef58145 | 来源:发表于2017-07-13 22:39 被阅读247次

每天进步一点点,用实际行动实现你伟大的梦想。

老规矩,先上图。

代码

GtkWidget *grid = gtk_grid_new();作用是新建一个名字叫grid的Grid布局,然后新建三个按钮,分别是button1,button2,button3。

gtk_grid_attach(GTK_GRID(grid),button1,0,0,1,1);通过gtk_grid_attach()函数将button1添加到grid布局中,先来看看这个函数的各个参数。

gtk_grid_attach()官方参考

由此可见后面几个数字分别代表的是所在列,所在行,宽度,高度

Grid这个布局就介绍完毕了,简直不能再简单。下面是是Gtk+3所有的布局。

Gtk+3各种布局

其他各个布局的使用方法大同小异,就不在一一赘述了,下面介绍一个比较重要的知识点:window中只能添加一个顶层布局或者一个控件,所以如果想要添加很多控件,需要将这些控件先添加到一个布局中。

我们来验证下,直接在window中添加三个按钮,代码如下。

运行截图

可见多次添加控件只会显示第一个添加的控件,而且控件的大小会填满整个window窗口。

那么,如果多次添加布局会怎么样呢?老规矩来试验一下。

运行截图

可见多次添加布局只会显示第一个添加的布局,而且布局的大小会填满整个window窗口。

下节课程将给大家介绍一个神器,不要急着问是什么,先保持神秘^_^

相关文章

  • GTK+3系列教程5:使用Grid布局

    每天进步一点点,用实际行动实现你伟大的梦想。 老规矩,先上图。 GtkWidget *grid = gtk_gri...

  • CSS Grid 布局

    参考资料 CSS Grid 布局完全指南(图解 Grid 详细教程) CSS Grid 系列(上)-Grid布局完...

  • Grid布局参考资料

    张鑫旭-写给自己看的display: grid布局教程阮一峰-CSS Grid 网格布局教程 在Grid布局中,f...

  • display:grid 栅格化布局详解

    1、CSS Grid 网格布局教程---阮一峰 2、写给自己看的display: grid布局教程 ---张鑫旭

  • CSS Grid 网格布局

    CSS Grid 网格布局教程

  • [2020-08-10]css3中的常用几种布局

    div的水平垂直居中 flex布局,使用display: flex实现水平垂直居中 grid布局 使用grid布局...

  • CSS Grid网格布局

    参考资料 CSS Grid 网格布局教程 - 阮一峰 概述 网格布局(Grid)是最强大的 CSS 布局方案。 它...

  • CSS布局

    1、CSS Grid 网格布局教程 2、Flex 布局教程:语法篇(骰子布局,网格布局,百分百布局,圣杯布局......

  • Grid 布局教程

    一、概述 网格布局(Grid)是最强大的 CSS 布局方案。 它将网页划分成一个个网格,可以任意组合不同的网格,做...

  • 轻松上手Grid布局

    Grid布局和之前的使用浮动布局思路上有很大不同,使用浮动布局更多的像时画页面,而Grid布局从意义上面更接近布局...

网友评论

    本文标题:GTK+3系列教程5:使用Grid布局

    本文链接:https://www.haomeiwen.com/subject/twvghxtx.html