我们可以通过go-sciter给我们提供的方法，方便的对html,css编写的UI界面进行增删改查。

demo3.go代码如下：

package main;

import (

	"github.com/sciter-sdk/go-sciter"

	"github.com/sciter-sdk/go-sciter/window"

	"log"

	"fmt"

)

//一些基础操作

func base(root *sciter.Element) {

	//通过ID选择元素

	ul, _ := root.SelectById("list");

	//获取元素的文本

	text, _ := ul.Text();

	fmt.Println("text:", text);

	//获取元素的html

	//参数为真，则返回元素外部html

	//参数为假，则返回元素内部html

	text, _ = ul.Html(false);

	fmt.Println("html:", text);

	//获取子元素个数

	n, _ := ul.ChildrenCount();

	fmt.Println(n);

}

//动态的添加元素

func addElement(root *sciter.Element) {

	//创建一个元素

	add, _ := sciter.CreateElement("li", "444");

	//设置元素的属性

	add.SetAttr("data", "add");

	//通过标签和ID来选择元素，类似jquery

	ul, _ := root.SelectFirst("ul#list");

	//插入元素，下标从0开始

	err := ul.Insert(add, 3);

	if err != nil {

		log.Fatal("添加元素失败");

	}

	add2, _ := sciter.CreateElement("li", "");

	err2 := ul.Insert(add2, 4);

	//注意这里，元素先insert后再去设置html才有效

	//设置添加元素的html

	add2.SetHtml("<a href='http://www.baidu.com'>555</a>", sciter.SIH_REPLACE_CONTENT);

	if err2 != nil {

		log.Fatal("添加元素失败");

	}

}

//删除元素

func delElement(root *sciter.Element) {

	ul, _ := root.SelectFirst("ul#list");

	//获取第一个子元素，下标从0开始

	li, _ := ul.NthChild(0);

	//删除元素

	li.Delete();

	//我们也可以用css选择器直接选择要删除的元素

	//注意css里面的nth-child(n)下标从1开始

	li2, _ := root.SelectFirst("ul#list>li:nth-child(2)");

	//删除元素

	li2.Delete();

}

//修改元素

func updElement(root *sciter.Element) {

	li, _ := root.SelectFirst("ul#list>li:nth-child(1)");

	//给元素设置样式

	li.SetStyle("color", "#f00");

	//给元素设置html

	//参数一：html内容

	//参数二：html放在哪里，SIH_REPLACE_CONTENT表示替换旧内容

	li.SetHtml("<a href='http://www.baidu.com'>baidu.com</a>", sciter.SIH_REPLACE_CONTENT);

	//在最后面追加内容

	li.SetHtml("哈哈", sciter.SIH_APPEND_AFTER_LAST);

	//设置元素属性

	li.SetAttr("test", "test");

	li2, _ := root.SelectFirst("ul#list>li:nth-child(2)");

	//设置文本

	li2.SetText("我改我改");

}

//查找元素

func selElement(root *sciter.Element) {

	//通过css选择器选择元素，会返回*Element的slice

	root.Select("ul#list>li");

	//通过选择器返回第一个元素

	//也是调用的Select，不过只返回第一个元素

	root.SelectFirst("ul#list>li");

	//通过元素ID

	root.SelectById("list");

	//选择父元素

	//参数二：表示深度

	root.SelectParent("li", 1);

	//返回选择器匹配唯一子元素，如果没有或匹配多个，会引发Panic

	root.SelectUnique("ul#list>li:nth-child(1)");

}

func main() {

	//创建一个新窗口

	//这里参数一和参数二都使用的默认值

	//DefaultWindowCreateFlag = SW_TITLEBAR | SW_RESIZEABLE | SW_CONTROLS | SW_MAIN | SW_ENABLE_DEBUG

	//DefaultRect = &Rect{0, 0, 300, 400}

	w, err := window.New(sciter.DefaultWindowCreateFlag, sciter.DefaultRect);

	if err != nil {

		log.Fatal(err);

	}

	//设置标题

	w.SetTitle("文本html");

	html := `

			<html>

			<body>

				<ul id="list" name="list">

					<li>111</li>

					<li>222</li>

					<li>333</li>

				</ul>

			</body>

			</html>`;

	//加载html，从一个字符串变量中

	w.LoadHtml(html, "");

	//窗口获取根元素，这里应该是html

	root, _ := w.GetRootElement();

	//这里把一些操作单独写成函数方便查看

	base(root);

	addElement(root);

	delElement(root);

	updElement(root);

	selElement(root);

	//显示窗口

	w.Show();

	//运行窗口，进入消息循环

	w.Run();

}

go语言使用go-sciter创建桌面应用(二) ui元素查找，增加，删除，修改的更多相关文章

  1. go语言使用go-sciter创建桌面应用(六) Element元素操作和Event事件响应

    详细的文档请看下面两个链接: https://sciter.com/docs/content/sciter/Element.htm https://sciter.com/docs/content/sc ...

  2. c# Windows Service 桌面上显示UI

    介绍 本文的目的是说明如何从Windows Vista中的服务正确启动交互式进程,以及演示如何以完全管理员权限启动该进程.交互式过程是能够在桌面上显示UI的过程. 本文介绍如何创建一个名为Loader ...

  3. go语言使用go-sciter创建桌面应用(五) 加载元素资源

    有些时候我们需要动态的给某个UI元素加载内容或数据. demo6.go代码如下: package main; import ( "github.com/sciter-sdk/go-scite ...

  4. Ubuntu创建桌面快捷方式

    默认情况下，ubuntu会将自动安装的软件快捷方式保存在/usr/share/applications目录下，如果我们要创建桌面快捷方式，只需要右键-复制-桌面 就Ok，如图： 上面的方法是通过系统自 ...

  5. Windows中创建桌面快捷方式

    Windows中创建桌面快捷方式 -------------- -------------- -------------- --------------

  6. robot创建桌面图标（转载）

    桌面ride图标,安装之后会自动创建(偶尔也会创建失败),创建桌面图标方法如下: 1. 新建快捷方式 在桌面右击鼠标,弹出的菜单选择 新建-快捷方式 ,然后在"请键入对象"的位置输 ...

  7. Qt之创建桌面和开始菜单快捷方式

    将安装好的酷狗拷贝到C:\data目录中 1.创建桌面快捷方式 QFile::link("C:/data/KuGou.exe", QStandardPaths::writableL ...

  8. Swift3.0语言教程使用编码创建和初始化字符串

    Swift3.0语言教程使用编码创建和初始化字符串 使用编码创建和初始化字符串 创建和初始化字符串除了可以使用上文中提到的方法外,还可以使用init(coder:)方法,此方法一般不常使用,其语法形式 ...

  9. Swift3.0语言教程使用指针创建和初始化字符串

    Swift3.0语言教程使用指针创建和初始化字符串 Swift3.0语言教程使用指针创建和初始化字符串苹果的Swift团队花了不少功夫来支持C的一些基础特性.C语言中为我们提供了指针,Swift也不例 ...

随机推荐

  1. MySQL系统变量配置基础

    本文出处:http://www.cnblogs.com/wy123/p/6595556.html MySQL变量的概念 个人认为可以理解成MySQL在启动或者运行过程中读取的一些参数问题,利用这些参数 ...

  2. MAC下Xcode配置opencv（2017.3.29最新实践，亲测可行）（转）

    本文原创,未经同意,谢绝转载!(转载请告知本人并且经过本人同意--By Pacific-hong) 本人小硕一枚,因为专业方向图像相关,所以用到opencv,然后网上MAC下Xcode配置opencv ...

  3. hdu1799-循环多少次？-（组合恒等式）

    循环多少次? Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Subm ...

  4. 处女座和小姐姐（三）-数位dp1.0

    链接:https://ac.nowcoder.com/acm/contest/329/G来源:牛客网 题目描述 经过了选号和漫长的等待,处女座终于拿到了给小姐姐定制的手环,小姐姐看到以后直呼666! ...

  5. rectangle,boundingRect和Rect

    rectangle( rook_image, Point( , *w/8.0 ), Point( w, w), Scalar( , , ), , ); 矩形将被画到图像 rook_image 上 矩形 ...

  6. mongo副本集设置主库权重，永远为主

    mongo副本集设置主库权重,即使主库宕机了再重启也还是主库. cfg = rs.conf()     ------->(查看序列)cfg.members[0].priority = 1 (设置 ...

  7. android Zxing 扫描区域的大小设置和自定义扫描view

    自己的项目中,只需要修改: CameraManager 里面的 MAX_FRAME_WIDTH .MAX_FRAME_HEIGHT 的值 private static final int MIN_FR ...

  8. CSS实现禁止文字选中

    E10平台预览第四版中包含了对 CSS3 新属性 -ms-user-select 的支持,Web 开发人员可以利用这一新属性轻松精确的控制用户可以在网站上选择哪些文本. user-select:non ...

  9. Java LinkedList

    LinkedList是基于双向链表实现的,先看构造方法和方法 Constructor Summary Constructors Constructor Description LinkedList() ...

  10. day30 UDP协议

    本周安排 周二 socket编程 周三 粘包处理 周四 选课系统 并发编程 周五多道技术 多进程 周六 IPC 互斥锁 常用模块 os* 操作系统 多数是文件操作 os.path 处理文件路径 shu ...