PyGobject（二十八）布局容器之Revealer

最新推荐文章于 2023-03-04 17:16:21 发布
最新推荐文章于 2023-03-04 17:16:21 发布
阅读量1.6k 收藏 2
点赞数
分类专栏： PyGObject PyGobject详解 文章标签： Python PyGobject gtk+ Revealer 布局容器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/a87b01c14/article/details/52047546
版权
本文介绍 GtkRevealer 控件的基本用法，包括如何通过动画方式显示和隐藏子控件，以及如何设置不同的动画效果。提供两个示例程序，演示如何使用 Python 和 Glade 创建 Revealer 动画。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Gtk.Revealer

Gtk.Revealer可以以动画的方式控制其子控件的显示与隐藏

继承关系

Gtk.Revealer是Gtk.Bin的直接子类
这里写图片描述

Methods

方法修饰词方法名及参数
staticnew ()
get_child_revealed ()
get_reveal_child ()
get_transition_duration ()
get_transition_type ()
set_reveal_child (reveal_child)
set_transition_duration (duration)
set_transition_type (transition)

Virtual Methods

Properties

NameTypeFlagsShort Description
child-revealedboolr子部件是否已经显示，只读
reveal-childboolr/w/c/en设置子部件是否显示
transition-durationintr/w/c/en动画持续时间，单位毫秒
transition-typeGtk.RevealerTransitionTyper/w/c/en动画类型

Signals

NameShort Description

例子

一

这里写图片描述
代码：

#!/usr/bin/env python3
# Created by xiaosanyu at 16/7/12
# section 032
# 
# author: xiaosanyu
# website: yuxiaosan.tk \
#          http://blog.youkuaiyun.com/a87b01c14
# created: 16/7/12

TITLE = "Revealer"
DESCRIPTION = """
The Gtk.Revealer widget is a container which animates the transition of its child from invisible to visible.

The style of transition can be controlled with Gtk.Revealer.set_transition_type().
"""

import gi

gi.require_version("Gtk", "3.0")
from gi.repository import Gtk, Gdk, GLib
import random


class RevealerWindow(Gtk.Window):
    def __init__(self):
        Gtk.Window.__init__(self, title="Revealer Example")
        fixed = Gtk.Fixed()
        fixed.set_size_request(200, 200)
        revealer = Gtk.Revealer()
        self.image = Gtk.Image.new_from_icon_name("help-about", Gtk.IconSize.MENU)
        revealer.add(self.image)
        revealer.set_reveal_child(True)
        revealer.set_transition_duration(1000)
        revealer.set_transition_type(Gtk.RevealerTransitionType.CROSSFADE)
        fixed.add(revealer)
        _, w, h = Gtk.IconSize.lookup(Gtk.IconSize.MENU)
        self.width = fixed.get_size_request()[0] - w
        self.height = fixed.get_size_request()[1] - h
        self.add(fixed)
        GLib.timeout_add(1000, self.timeout, fixed, revealer)

    def timeout(self, fixed, revealer):
        isshow = revealer.get_reveal_child()
        if not isshow:
            self.image.modify_bg(Gtk.StateType.NORMAL,
                                 Gdk.Color.from_floats(random.random(), random.random(), random.random()))
            x, y = int(self.width * random.random()), int(self.height * random.random())
            fixed.move(revealer, x, y)
        revealer.set_reveal_child(not isshow)
        return True


def main():
    win = RevealerWindow()
    win.connect("delete-event", Gtk.main_quit)
    win.show_all()
    Gtk.main()


if __name__ == "__main__":
    main()

代码解析

revealer = Gtk.Revealer()

创建一个Revealer

self.image = Gtk.Image.new_from_icon_name("help-about", Gtk.IconSize.MENU)
revealer.add(self.image)

创建一个Image,添加到revealer容器中。

revealer.set_reveal_child(True)
revealer.set_transition_duration(1000)
        revealer.set_transition_type(Gtk.RevealerTransitionType.CROSSFADE)

设置revealer显示子部件，设置动画时间为1S，设置动画风格为淡入淡出

GLib.timeout_add(1000, self.timeout, fixed, revealer)

def timeout(self, fixed, revealer):
    isshow = revealer.get_reveal_child()
    if not isshow:
        self.image.modify_bg(Gtk.StateType.NORMAL,                            
        Gdk.Color.from_floats(random.random(), 
        random.random(), random.random()))
        x, y = int(self.width * random.random()), 
        int(self.height * random.random())
        fixed.move(revealer, x, y)
    revealer.set_reveal_child(not isshow)
    return True

创建一个不间断定时器(timeout方法返回True)。然后随机更改revealer的位置和背景颜色。

二

这里写图片描述

代码：

#!/usr/bin/env python3
# Created by xiaosanyu at 16/7/12
# section 033
# 
# author: xiaosanyu
# website: yuxiaosan.tk \
#          http://blog.youkuaiyun.com/a87b01c14
# created: 16/7/12

TITLE = "Revealer_created_by_ui"
DESCRIPTION = ""

import gi

gi.require_version("Gtk", "3.0")
from gi.repository import Gtk, Gdk, GLib, Gio
import os


class RevealerWindow():
    def __init__(self):
        self.count = 0
        self.builder = Gtk.Builder.new_from_file(os.path.join(os.path.dirname(__file__), '../../Data/revealer.glade'))
        window = self.builder.get_object("window")
        window.connect("destroy", self.on_destroy)
        self.timeout = GLib.timeout_add(1000, self.reveal_one)
        window.show_all()
        Gtk.main()

    def reveal_one(self):
        global count
        revealer = self.builder.get_object("revealer%d" % self.count)

        revealer.set_reveal_child(True)

        self.count += 1
        if self.count >= 9:
            GLib.Source.remove(self.timeout)
            self.timeout = 0
            return False

        else:
            return True

    def on_destroy(self, window, *args):
        if self.timeout:
            GLib.Source.remove(self.timeout)
        Gtk.main_quit(*args)


def main():
    RevealerWindow()


if __name__ == "__main__":
    main()

revealer.glade

<?xml version="1.0" encoding="UTF-8"?>
<interface>
  <!-- interface-requires gtk+ 3.6 -->
  <object class="GtkWindow" id="window">
    <property name="border_width">5</property>
    <property name="default_width">300</property>
    <property name="default_height">300</property>
    <property name="title">Revealer</property>
    <child>
      <object class="GtkGrid">
        <property name="visible">1</property>
        <property name="halign">center</property>
        <property name="valign">center</property>
        <child>
          <object class="GtkRevealer" id="revealer0">
            <property name="visible">1</property>
            <property name="transition-duration">2000</property>
            <property name="transition-type">crossfade</property>
            <child>
              <object class="GtkImage">
                <property name="visible">1</property>
                <property name="icon-name">face-cool-symbolic</property>
                <property name="icon-size">6</property>
              </object>
            </child>
          </object>
          <packing>
            <property name="left-attach">2</property>
            <property name="top-attach">2</property>
          </packing>
        </child>
        <child>
          <object class="GtkRevealer" id="revealer1">
            <property name="visible">1</property>
            <property name="transition-duration">2000</property>
            <property name="transition-type">slide-up</property>
            <child>
              <object class="GtkImage">
                <property name="visible">1</property>
                <property name="icon-name">face-cool-symbolic</property>
                <property name="icon-size">6</property>
              </object>
            </child>
          </object>
          <packing>
            <property name="left-attach">2</property>
            <property name="top-attach">1</property>
          </packing>
        </child>
        <child>
          <object class="GtkRevealer" id="revealer2">
            <property name="visible">1</property>
            <property name="transition-duration">2000</property>
            <property name="transition-type">slide-right</property>
            <child>
              <object class="GtkImage">
                <property name="visible">1</property>
                <property name="icon-name">face-cool-symbolic</property>
                <property name="icon-size">6</property>
              </object>
            </child>
          </object>
          <packing>
            <property name="left-attach">3</property>
            <property name="top-attach">2</property>
          </packing>
        </child>
        <child>
          <object class="GtkRevealer" id="revealer3">
            <property name="visible">1</property>
            <property name="transition-duration">2000</property>
            <child>
              <object class="GtkImage">
                <property name="visible">1</property>
                <property name="icon-name">face-cool-symbolic</property>
                <property name="icon-size">6</property>
              </object>
            </child>
          </object>
          <packing>
            <property name="left-attach">2</property>
            <property name="top-attach">3</property>
          </packing>
        </child>
        <child>
          <object class="GtkRevealer" id="revealer4">
            <property name="visible">1</property>
            <property name="transition-duration">2000</property>
            <property name="transition-type">slide-left</property>
            <child>
              <object class="GtkImage">
                <property name="visible">1</property>
                <property name="icon-name">face-cool-symbolic</property>
                <property name="icon-size">6</property>
              </object>
            </child>
          </object>
          <packing>
            <property name="left-attach">1</property>
            <property name="top-attach">2</property>
          </packing>
        </child>
        <child>
          <object class="GtkRevealer" id="revealer5">
            <property name="visible">1</property>
            <property name="transition-duration">2000</property>
            <property name="transition-type">slide-up</property>
            <child>
              <object class="GtkImage">
                <property name="visible">1</property>
                <property name="icon-name">face-cool-symbolic</property>
                <property name="icon-size">6</property>
              </object>
            </child>
          </object>
          <packing>
            <property name="left-attach">2</property>
            <property name="top-attach">0</property>
          </packing>
        </child>
        <child>
          <object class="GtkRevealer" id="revealer6">
            <property name="visible">1</property>
            <property name="transition-duration">2000</property>
            <property name="transition-type">slide-right</property>
            <child>
              <object class="GtkImage">
                <property name="visible">1</property>
                <property name="icon-name">face-cool-symbolic</property>
                <property name="icon-size">6</property>
              </object>
            </child>
          </object>
          <packing>
            <property name="left-attach">4</property>
            <property name="top-attach">2</property>
          </packing>
        </child>
        <child>
          <object class="GtkRevealer" id="revealer7">
            <property name="visible">1</property>
            <property name="transition-duration">2000</property>
            <child>
              <object class="GtkImage">
                <property name="visible">1</property>
                <property name="icon-name">face-cool-symbolic</property>
                <property name="icon-size">6</property>
              </object>
            </child>
          </object>
          <packing>
            <property name="left-attach">2</property>
            <property name="top-attach">4</property>
          </packing>
        </child>
        <child>
          <object class="GtkRevealer" id="revealer8">
            <property name="visible">1</property>
            <property name="transition-duration">2000</property>
            <property name="transition-type">slide-left</property>
            <child>
              <object class="GtkImage">
                <property name="visible">1</property>
                <property name="icon-name">face-cool-symbolic</property>
                <property name="icon-size">6</property>
              </object>
            </child>
          </object>
          <packing>
            <property name="left-attach">0</property>
            <property name="top-attach">2</property>
          </packing>
        </child>
      </object>
    </child>
  </object>
</interface>

代码解析，创建一个定时器，依次从glade布局文件中提取一个revealer部件，总共有9个。依靠Grid的相对布局产生动画效果

附录

Gtk.RevealerTransitionType

class Gtk.RevealerTransitionType
Bases: GObject.GEnum

NONE = 0

没有动画

CROSSFADE = 1

淡入淡出

SLIDE_RIGHT = 2

从左侧滑入

SLIDE_LEFT = 3

从右侧滑入

SLIDE_UP = 4

从底部滑入

SLIDE_DOWN = 5

从顶部滑入




代码下载地址：http://download.youkuaiyun.com/detail/a87b01c14/9594728

GTK图形界面之登录器界面
Irwin博客
03-10 4939
好几天没更新，今天来说说图形界面。今天要干的是做一个登录器界面，界面背景、数字按键都可以按照自己的要求来设置。在开始之前先来说说效果是怎样的吧。我们默认密码为6位，密码用‘实心  。’代替，当输入6位密码正确，我这里设置的是显示密码。不正确清空密码显示框。先看看界面效果。 当我们点击sure按键后，因为密码正确所以显示，达到预期效果。 下面上代码： #includ
Kali Linux Revealed 完美版.pdf
11-26
### Kali Linux Revealed：掌握渗透测试发行版 #### 标题解读 - **Kali Linux Revealed**：本书旨在全面揭示Kali Linux的核心特性和高级功能，为读者提供一个深入学习Kali Linux的平台。 - **完美版**：表明这是一...
GtkRevealer（1）
weixin_44374594的博客
06-17 237
GtkRevealer GtkRevealer — Hide and show with animation Description The GtkRevealer widget is a container which animates the transition of its child from invisible to visible. Object Hierarchy ???? 学习官网 这一篇 的学习目标是实现：点击按钮后，若输入框的状态是隐藏的，则显示输入框；否则，反之。 #inclu
GTK4 设置 GtkInfoBar背景颜色
从善若水的博客
08-28 821
文章目录GTK4 设置 GtkInfoBar背景颜色一、失败的尝试二、换个思路2.1 使用 GtkMessageType “GTK_MESSAGE_OTHER”来实现需求2.2 任意GtkMessageType 下获取 infobar的孙子控件box设置CSS GTK4 设置 GtkInfoBar背景颜色 一、失败的尝试 最近使用GTK4开发应用，发现使用CSS无法改变GtkInfoBar的背景颜色，查看了源码中GtkInfoBar的CSS层级，如下： /************** * GtkInfoB
GTK进阶学习：定时器
秋叶原 && Mike || 麦克
01-27 7050
定时器在应用编程里用得很广，我们手机里的闹钟，幻灯片播放图片等应用都用到定时器。定时器，每隔一段时间干一件事(程序里表现为调用一个函数)，像闹钟，每隔一天响一次。 定时器的创建： guint g_timeout_add(guint interval, GSourceFunc function, gpointer
Gtk学习基础
By_sunshine的博客
03-04 1225
gtk的一些基础介绍、及一些你没有发现的函数
AURIX_HSM Revealed_Training_Demo_1.0.zip
10-06
标题"AURIX_HSM Revealed_Training_Demo_1.0.zip"暗示了这是一个关于AURIX微控制器系列中High-Security Module (HSM)的培训演示，版本为1.0。AURIX是由Infineon Technologies（英飞凌科技）开发的一种高性能32位微...
Kali Linux Revealed（官方教程）
08-18
Kali Linux Revealed（官方教程）
Java 9 Revealed.pdf.zip
10-27
《Java 9 Revealed》是Java开发者们关注的重要著作，它深入揭示了Java 9这一重大版本的新特性、改进和优化。Java 9是Oracle公司发布的一个里程碑式的更新，为这个广泛使用的编程语言带来了许多革新性的变化。在这个...
gtk+ 环境下，遇到assertion 'GTK_IS_NOTEBOOK (notebook)' failed，怎么破？
cominglately的博客
09-27 2246
Gtk-CRITICAL **: IA__gtk_notebook_remove_page: assertion 'GTK_IS_NOTEBOOK (notebook)' failed #include 2 #include 3 GtkWidget*entry; 4 void notebook_remove(GtkWidget*button,gpointer notebook) 5
gtk3.0学习笔记-object Hiearchy
柠檬说葡萄你好酸
05-04 817
对象层次结构Object Hierarchy GObject ├── GInitiallyUnowned │ ├── GtkWidget │ │ ├── GtkContainer │ │ │ ├── GtkBin │ │ │ │ ├── GtkWindow │ │ │ │ │ ├── G
GTK进阶学习：改变控件字体大小
秋叶原 && Mike || 麦克
01-26 5538
改变控件字体大小： #include /* 功能: 设置控件字体大小 * widget: 需要改变字体的控件 * size: 字体大小 * is_button: TRUE代表控件为按钮，FALSE为其它控件 */ static void set_widget_font_size(GtkWidget *widget, int size, gboole
assertion 'GTK_IS_WIDGET (widget)' failed的解决办法
热门推荐
YunLan天地间
05-20 1万+
assertion ‘GTK_IS_WIDGET (widget)’ failed的解决办法 Linux系统下GTK+ 利用Glade界面设计过程中出现问题编译后执行出现下面错误:gcc -o demoglade demoglade.c `pkg-config --cflags --libs gtk+-2.0` ./demoglade (demoglade:17010): Gtk-CRITICAL
GTK常用控件之行编辑( GtkEntry )
秋叶原 && Mike || 麦克
01-26 5886
行编辑，只允许输入一行内容的控件，如密码输入框。 行编辑的创建： GtkWidget *gtk_entry_new(void); 返回值：行编辑指针 设置行编辑内容的最大长度： void gtk_entry_set_max_length(GtkEntry *entry,  gint max);
PyGobject（二十七）布局容器之PopoverMenu
Yu的专栏
07-27 1365
Gtk.PopoverMenuGtk.PopoverMenu气泡菜单 继承关系Gtk.PopoverMenu是Gtk.Popover的直接子类
Container 布局容器
weixin_30276935的博客
03-09 144
Container 布局容器 用于布局的容器组件，方便快速搭建页面的基本结构： <el-container>：外层容器。当子元素中包含<el-header>或<el-footer>时，全部子元素会垂直上下排列，否则会水平左右排列。 <el-header>：顶栏容器。 <el-aside>：侧边栏容器。 <el-ma...
少儿编程scratch项目源代码文件案例素材-直升机飞行.zip
最新发布
04-30
少儿编程scratch项目源代码文件案例素材-直升机飞行.zip
Kali Linux Revealed
01-25
### Kali Linux简介 Kali Linux 的历史起源可追溯至2006年，最初作为名为 "BackTrack" 的发行版发布[^1]。随着技术进步和社区贡献不断增加，在多年的发展过程中经历了多次迭代更新，最终演变为当前版本的 Kali ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

sanxiaochengyu

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

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

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

打赏作者

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

抵扣说明：

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

余额充值