nim_duilib(9)之RichEdit

DuiLib实现仿微信聊天界面(二)——解决RichEdit自适应高度问题 前言 在上一篇文章中: DuiLib实现仿微信聊天界面 我们实现了仿微信的布局和简单的聊天列表: 但是,因为网易开源 NimDuiLib 的版本落后于其提供的Demo,同样的写法在开源DuiLib中就会出现问题,比如RichEdit在同时设置width、height为auto时,会断错误。所以需要我们自己进行修复。 至于为何要设置RichEdit的width和height属性为auto?因为文本的宽度和高度都是动态的,根据文本的内容需要自行计算。 网易DuiLib中控件如何计算宽高? 我们从网易Dui 阅读详情

introduction

  • 更多控件用法,请参考 here 和 源码。
  • 本文的代码基于这里
  • RichEdit的更多用法,请参考源码中RichEdit.h提供的函数,RichEdit控件,可以定制为多种多样的形式,其公开的函数很多,本文仅演示密码和只读。

xml文件添加代码

基于上一篇, 继续向basic.xml中添加下面关于RichEdit的代码。 xml完整源码在文末。

<!--第二行控件开始-->
<!--第二行控件开始-->
<HBox height="85">
	<VBox>
		<HBox>
		<RichEdit class="simple input" name="rich_edit_1" text="输入演示" height="30" margin="0,3" padding="6,6,6" promptmode="true" prompttext="Single line text control" promptcolor="lightcolor"/>
		<CheckBox class="checkbox_font12" name="rich_edit_readonly" text="read only" margin="0,5,0,10"/>
		</HBox>
	</VBox>
</HBox>

这里,创建了一个RichEdit控件和一个CheckBox按钮。

Duilib中为RichEdit\Edit控件添加自定义右键菜单 前言 Duilib中的RichEdit控件在使用中发现,基本上对复制、粘贴、剪切等快捷方式都是支持的,不过唯一缺点是没有右键菜单,感觉不够好,于是就想着加上右键菜单。 右键菜单基本思路是,在RichEdit的消息处理函数中对鼠标的右键消息处理,发送一个自定义的Notify消息出来,主窗口中受到这个消息后弹出自己的右键菜单。 实现方法 第一步:把鼠标右键消息转 阅读详情

相关推荐

NIM Duilib的基础知识点

1、所有对颜色的赋值全在F:\NIM_Duilib_Framework-master\bin\resources\themes\default 在这里面可以进行增删改查,改你所想就OK。 2、 <Control bkcolor="bk_wnd_lightcolor" height="1" /> 这句话的意思是申请一个高度为单位1的横线,也就是分割线。其中bkcolor是背景颜色,hei...

hua_hengixn的博客 2995

RichEditDemo(DuiLib)

1、支持输入框文字格式设置,包括字体名称、字体大小、加粗、倾斜、下划线、文字颜色等。 2、支持插入BMP、JPG、PNG、GIF等格式的图片文件。 3、支持图片和文字的复制剪切粘贴拖放,并与QQ、IE、Google Chrome、Word等的剪切板格式互相兼容。 4、支持表情选择框、图片文件选择框等方式插入表情或图片。 5、支持设置显示比例,图片自动缩放,图片右键另存为菜单,图片双击打开,图片悬浮工具栏等。

nim_duilib(13)之添加fmt库

introduction 习惯使用fmt库做字符串的格式化操作。尽管nim_duilib提供了类似的函数。 故项目demo_xml引入了外部库fmt framework.h中添加下面的以便使用fmt库 #include "fmt/format.h" Note stage1 相对之前的代码,这次重新调整了库的目录结构。现如下: . ├─Debug # VS默认输出 ├─demo_xml # ...

知其所以然 144

richedit.rar

duilibRichEdit控件中添加表情、图片、及文件,适合聊天窗口中添加,资源中只包含实现的代码、接口及调用的例子、不含demo

第二章 第八小节Duilib中的CRichEditUI控件-富文本编辑框

文章目录1.CRichEditUI控件2.作者答疑 1.CRichEditUI控件   CRichEditUI控件是duilib中的富文本输入控件,以下则是常用参数设置。 <Font name="宋体" size="12" bold="false" italic="false" default="true" id="1"/> <RichEdit name="广州知了软件有限公司" menu="true" font="1" bordersize="1" bordercolor="#FFDBD

插件开发 2253

NIM_Duilib项目创建方法

4 创建Windows桌面程序项目,将 base,duilib,ui_comonents 三个文件夹放到项目目录include下面,里面有需要的头文件,项目添加附加包含目录到该include目录。输入base_d.lib duilib_d.lib libcef_dll_wrapper_d.lib ui_components.lib (本人是debug模式说以是_d) “3修改平台工具集 编译生成 base,duilib,ui_components 三个项目 会生成文件到 libs目录下面。

weixin_44602405的博客 1303

解决网易开源duilib自带RichEdit在部分系统下键盘无法输入的问题

现象 最近基于网易开源维护的duilib做了一款客户端,上线后,用户反馈了一系列问题,其中最诡异的问题就是RichEdit有时候无法输入。 调查 使用官方自带的例子进行测试后,发现同样存在问题: NIM_Duilib_Framework 这2个RichEdit的XML如下: <!-- 单行文本 --> <RichEdit class="simple input" height="30" margin="0,3" padding="6,6,6" promptmode="true" p

xmcy001122的专栏 1328

云信DUILIBnim_duilib)窗口shadowattached=“false“会导致RichEdit穿透

在编程使用的RichEdit,发现不管怎么试,当输入文字的之后,绘制就会出现混乱;测试发现是RichEdit背景透明导致的,除了文字区域外鼠标事件都能穿透过去。反复测试后发现是window属性设置去掉yinshadowattached="false" ...

QSCJOB的专栏 763

云信DUILIBnim_duilib)窗口shadowattached=“false“会导致RichEdit穿透(4)

别人也碰到过类似的问题云信 duilib 踩坑填坑--点点滴滴

QSCJOB的专栏 447

云信DUILIBnim_duilib)窗口shadowattached=“false“会导致RichEdit穿透(2)

既然是shadowattached导致的,那我们就查,shadowattached对绘制有啥影响

QSCJOB的专栏 607

Duilib 中滚动条自动滚动到底的方法

Duilib 中滚动条自动滚动到底的方法在使用Duilib开客户端过程中,有些功能是需要操作滚动来配合实现的,例如向List增加一条数据并显示出这条数据、RichEdit增加文字并自动滚动到底部等:List滚动条操作的方法有:LineDown、PageDown、EndDown等,在没有新增数据的时候,以上方法都能满足需求。新增数据以后,需要立即滚动到底部,这几个方法就无能为力了。这是就需要最原始的S

Troy的专栏 5102

nim_duilib(16)之xml学习实战(GTAV加载窗口实现)

本文的目标 使用配置xml实现下面的结果 布局 整体采用水平布局,左边显示文字区域设置为垂直布局。 lets go stage 1 创建一个空白窗体,并设置为半透明;同时,使得整个窗口可以移动,则 将caption填充整个窗口。代码如下 <?xml version="1.0" encoding="UTF-8"?> <Window size="600,400" caption="...

知其所以然 128

duilib教程duilib入门简明教程 -- 界面布局(9)

上一个教程实现的标题栏代码中,并没有看到处理自适应窗口大小的代码,但是窗口大小变化后,按钮的位置会跟着变化,这是因为我们将按钮放到了HorizontalLayout、VerticalLayout,这样duilib就会帮我们自动布局按钮的位置和大小,顾名思义,HorizontalLayout就是水平布局,VerticalLayout就是垂直布局。     最开始的教程里面,窗口大小变化时,Hell

xiaojun11的专栏 2387

全网首发:网易云信Duilib 源码编译教程以及可执行演示包下载

序言 Duilib介绍 Duilib是windows平台下的一款轻量级directUI开源库(遵循BSD协议),完全免费,可用于商业软件开发,只需在软件包里附上协议文件即可。Duilib可以简单方便地实现大多数界面需求,包括换肤、换色,透明等功能,支持多种图片格式,使用XML可以方便地定制窗口,能较好地做到UI和逻辑相分离,尽量减少在代码里创建UI控件。目前,Duilib库已经渐趋稳定,目前在国内有较为广泛的使用,网络上也有很多的使用教程。 网易云信Duilib介绍 Duilib是在研发易信PC版时被引入

放牛哥的专栏 2698

网易云信DUIlib 使用小记

网易云信的duilib跟原版不同地方是原版的DUI 如果你想处理按钮的点击事件和其他控件的事件直接在Notify 函数中响应就行了,而云信的diuli定义了一个EventType事件类型的枚举里面涵盖了大部分控件的消息,AttachBubbledEvent()的第一个参数就是需要你自己需要响应的消息类型,比如kEventClick消息就是所有控件的单击消息,const EventCallback& callback) { OnBubbledEvent[eventType] += callbac...

王春雨的博客 1915

DuilibRichedit使用

1.要想能从剪切板中的图片能插入到

AcketRose的专栏 5498

改进duilibrichedit控件的部分功能

转载请说明原出处,谢谢~~:http://blog.csdn.net/zhuhongshu/article/details/41208207 如果要使用透明异形窗体功能,首先要改进duilib库让他本身支持(可以下载duilib扩展群群主改进的库,或者下载我的库),然后要开启窗体的bktrans属性。这时只要使用透明的背景素材就能做出透明异形窗体。但是透明窗...

a539284554的博客 485

Duilib - RichEdit作为日志输出控件,更新日志内容后并自动跳到最后一行

1 编写界面xml 在界面xml中的需要添加日志显示的位置添加以下代码: <RichEdit name="RichEdit_Log" text="日志控件" multiline="true" vscrollbar="true" autovscroll="true" readonly="true"/> 设置RichEdit允许多行,文本只读,自动设置垂直滚动条。 2 RichEdit控件更新内容后跳转到最后一行 2.1 bug版本代码 最开始有问题的版本代码如下: m_RichEditUI-

HW140701的博客 1584
上一篇: nim_duilib(8)之combo
下一篇: nim_duilib(10)之slider、progress and circleprogress
PandaMohist
博客等级 码龄12年 485粉丝 754原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值