选项全是图标的下拉列表框组合框是怎么做的?

ooolinux 2019-08-25 07:25:05
如图:
...全文
337 19 打赏 收藏 转发到动态 举报
写回复
用AI写文章
19 条回复
切换为时间正序
请发表友善的回复…
发表回复
ooolinux 2019-08-30
  • 打赏
  • 举报
回复
引用 14 楼 哥不写程序好多年 的回复:
[quote=引用 8 楼 ooolinux 的回复:] 帮我看看这个: 有没有TreeView控件的典型或者实际用途用法及其示例代码或截图,可以是静态、动态创建生成树形结构的(除了文件系统目录树) https://bbs.csdn.net/topics/393545561
静态创建很简单,无需代码,修改Items即可;动态可以搜索以前的帖子很多。[/quote] 没错。
ooolinux 2019-08-30
  • 打赏
  • 举报
回复
引用 13 楼 哥不写程序好多年 的回复:
ListView
用ListView也不错,大图标通常不是有文字吗?你这个怎么来触发ListView显示和隐藏?
ooolinux 2019-08-30
  • 打赏
  • 举报
回复
引用 17 楼 哥不写程序好多年 的回复:
[quote=引用 15 楼 ooolinux 的回复:]

用ListView也不错,大图标通常不是有文字吗?你这个怎么来触发ListView显示和隐藏?


动态可以只加载图片,不加载文字。单击头像触发,鼠标离开ListView或选择后,关闭
[/quote]

用自绘制其实也不麻烦,高版本有TComboBoxEx。
  • 打赏
  • 举报
回复
动态可以只加载图片,不加载文字。属性中要设置好LIstView的显示方式
  • 打赏
  • 举报
回复
引用 15 楼 ooolinux 的回复:
用ListView也不错,大图标通常不是有文字吗?你这个怎么来触发ListView显示和隐藏?


动态可以只加载图片,不加载文字。单击头像触发,鼠标离开ListView或选择后,关闭
ooolinux 2019-08-29
  • 打赏
  • 举报
回复
引用 9 楼 draculamx 的回复:
注意看Selected Image这个区域,显示你的图形长和宽都是16的,不是128的。。。 你用的图片是ICO格式的吗?ICO格式是比较特殊的,一个ICO文件中,可以包含多个尺寸的,具体你可以找一个ICO软件打开看看就知道了,你可以用ICO软件,把你不需要的尺寸都剔除
是PNG格式的图片,我重新添加了图片资源,按照128x128的固定大小(默认是按照16x16),但是显示效果还是有锯齿。
  • 打赏
  • 举报
回复
引用 8 楼 ooolinux 的回复:
帮我看看这个:
有没有TreeView控件的典型或者实际用途用法及其示例代码或截图,可以是静态、动态创建生成树形结构的(除了文件系统目录树)
https://bbs.csdn.net/topics/393545561


静态创建很简单,无需代码,修改Items即可;动态可以搜索以前的帖子很多。
  • 打赏
  • 举报
回复
ListView
draculamx 2019-08-29
  • 打赏
  • 举报
回复
引用 6 楼 ooolinux 的回复:
[quote=引用 3 楼 早打大打打核战争 的回复:]
不需要自绘制,VCL有一个TComboBoxEx,FMX的组合框本来就支持ImageList


为什么FMX组合框的选项的图标显示有锯齿?我用了Scale为2,图片像素都是128px以上的,如图:

[/quote]
注意看Selected Image这个区域,显示你的图形长和宽都是16的,不是128的。。。
你用的图片是ICO格式的吗?ICO格式是比较特殊的,一个ICO文件中,可以包含多个尺寸的,具体你可以找一个ICO软件打开看看就知道了,你可以用ICO软件,把你不需要的尺寸都剔除
ooolinux 2019-08-29
  • 打赏
  • 举报
回复
帮我看看这个: 有没有TreeView控件的典型或者实际用途用法及其示例代码或截图,可以是静态、动态创建生成树形结构的(除了文件系统目录树) https://bbs.csdn.net/topics/393545561
ooolinux 2019-08-29
  • 打赏
  • 举报
回复
引用 11 楼 早打大打打核战争 的回复:
用scale放大combobox里的图确实有那样的问题,我估计他的scale处理是将绘制好的小图再缩放的,所以不管原图分辨率多高,scale大了之后效果都不好。可以用style设计器来修改图标大小,不过我没找到设计combobox里那个列表框的方法,怎么只能设计下拉框?可能我没掌握方法... 先整个修改listbox图标的效果吧,只需要在style设计器里把对应listboxitem的glyphstyle的显示框拖拉一个合适的大小即可,秒速完成:
ListBox比较好弄,好像设置了listboxitem的高度图片会自动适应变大。 ComboBox是包含了一个ListBox,不过不好设计,感觉FMX这一点可以改进。
abc_ustone 2019-08-29
  • 打赏
  • 举报
回复
看看
ooolinux 2019-08-29
  • 打赏
  • 举报
回复
引用 3 楼 早打大打打核战争 的回复:
不需要自绘制,VCL有一个TComboBoxEx,FMX的组合框本来就支持ImageList
为什么FMX组合框的选项的图标显示有锯齿?我用了Scale为2,图片像素都是128px以上的,如图:
  • 打赏
  • 举报
回复
用scale放大combobox里的图确实有那样的问题,我估计他的scale处理是将绘制好的小图再缩放的,所以不管原图分辨率多高,scale大了之后效果都不好。可以用style设计器来修改图标大小,不过我没找到设计combobox里那个列表框的方法,怎么只能设计下拉框?可能我没掌握方法... 先整个修改listbox图标的效果吧,只需要在style设计器里把对应listboxitem的glyphstyle的显示框拖拉一个合适的大小即可,秒速完成:

draculamx 2019-08-28
  • 打赏
  • 举报
回复
http://outofmemory.cn/code-snippet/14288/Delphi-combobox-border-display-picture
这里是一个自绘的例子
draculamx 2019-08-28
  • 打赏
  • 举报
回复
选一个第三方控件,devexpress,businessskinform,等等,用原生控件,你就只有继承,自己写代码,没那必要。。
ooolinux 2019-08-28
  • 打赏
  • 举报
回复
引用 3 楼 早打大打打核战争 的回复:
不需要自绘制,VCL有一个TComboBoxEx,FMX的组合框本来就支持ImageList


有空我试下。
ooolinux 2019-08-28
  • 打赏
  • 举报
回复
引用 1 楼 draculamx 的回复:
选一个第三方控件,devexpress,businessskinform,等等,用原生控件,你就只有继承,自己写代码,没那必要。。


引用 2 楼 draculamx 的回复:
http://outofmemory.cn/code-snippet/14288/Delphi-combobox-border-display-picture
这里是一个自绘的例子


三方控件,或者自绘制代码也不长。
  • 打赏
  • 举报
回复
不需要自绘制,VCL有一个TComboBoxEx,FMX的组合框本来就支持ImageList
1,WINAPI_OCX.zip封装了部分Windows API的控件(92KB)2,HeaderCtrl.zip多行标题的CListCtrl(19KB)3,RoundBut.zip你需要圆形的按钮吗?这个类已经替你好了,它可是有正常、平面、下推几种风格的,快使用它吧(25KB)4,TransBut.zip实现背景透明的按钮类(306KB)5,AviButton.zip这个类库可以在按钮上显示AVI动画,很酷的(68KB)6,cirbutton.zip一个圆形的可下推按钮,还不错,可以试试看(50KB)7,anibutton.zip这是一个可以使用DIB显示动画的按钮类库,值得一试(186KB)8,bitbutton.zip这个类库允许你在按钮上使用位图和文字(9KB)9,CButtonST.zip只要你的程序中使用按钮,这个类库就使你可以轻松出图文并茂的按钮来(133KB)10,hoverbut.zip这个类库是对鼠标敏感的按纽,你用它可以出象Office助手提示选项那样的东东来(24KB)11,menubut.zip当用户单击一个按钮时弹出一个菜单(5KB)12,TrackBut.zip也是一个位图按钮。不过可比MFC提供的那个好多了!(222KB)13,Stranbut.zip你需要不规则形状的按钮吗?这个类已经替你好了,使用它吧(67KB)14,tributton.zip你需要三角形的按钮吗?这个类已经替你好了,使用它吧(31KB)15,butpicker.zip你想有一个选择颜色的下拉列表吗?胜至你想有一个选择图形的下拉列表吗?这个类是你所需的,下载一个回去试试,分析分析一定会有收获(85KB)16,flat_comb.zip你有没有想过在你的应用程序中加入"浮动"的组合,就象Microsoft Office中的那样?用这个类就能轻松搞定(21KB)17,fontcombo.zip这是一个用于选择字体的组合类库,而且直接可以预览(46KB)18,icon_comb.zip这是一个选择图标组合的类(2KB)19,mrucombo.zip这个聪明的组合具有IE那样的自动纪录历史的功能,你最近使用过的文件它会个个记在帐上。需要设计"History"功能的朋友赶快下载一个吧!(21KB)20,mulcombo2.zip这是一个具有多列功能的组合,如果你的选择项需要多列显示的话一定需要这个东东(44KB)21,autocomp.zip这个聪明的组合可以根据你的部分输入和可选项替你自动完成,就像IE的地址栏一样。是不是很好?快下载一个吧(24KB)22,ColorSel.zip一个用于颜色选择的组合的例子(41KB)23,DriveBox.zip一个用于选择驱动器的组合,告诉你如何实现自画控件以及如何通过Windows Shell得到驱动器的图标(128KB)24,mccombobox.zip这是一个多列的组合类库(22KB)25,mlistbox.zip这个例子讨论了列表的单/复选问题,值得一看(22KB)26,checklist.zip这是一个多列且具有检查的列表。使用它,你可以制作诸如安装程序中的自定义安装明细表等等。(50KB)27,ListBoxEx.zip你知道怎么让列表水平滚动吗?这个类会向你解释一切(85KB)28,FlatBox.zip浮动效果的列表,很酷的!(3KB)29,ColorBox.zip这是一个可以以不同颜色显示列表项目的列表类库(17KB)30,iconpick.zip一个图标选择的列表(32KB)31,hexedit.zip这是一个从Cedit派生的十六进制的编辑类库(30KB)32,histedit.zip注意过Visual C++的Output窗口
UIDesigner(腾讯公司出品) 在软件设计阶段,交互设计师或者产品经理等常常需要使用一些工具(比如Visio、Axure RP、Flash或者OmniGraffle等)制作出静态稿或者原型来表达设计思想。这些工具是各有各的优势,当然也各有各的缺点啦。那么腾讯CDC是如何设计软件原型的呢?这里向大家介绍我们正在研发的原型设计利器UIDesigner。   首先,先让我们来体验一下UIDesigner制作出来的原型效果。这个原型是一个设置窗体,主要由按钮、复选、分组和文本等控件构成,其中一些按钮还具有响应的动作(如打开另一个界面,关闭窗体等)。如图一所示,这是使用Firework制作出来的交互图。 图一、使用Firework制作出来的设计稿   这种交互图的特点是简单明了,能够表示出各种控件的基本属性(如文本、位置和选中状态等),但它只是一个静态的图片,不能真实表现出每个控件的响应动作,如仅看这张图,是不清楚点击代理服务器设置分组上的“设置…”按钮会有什么响应的。   那再看看你若使用UIDesigner制作出来的效果:最终输出的是一个EXE可执行文件(见图二左上角),双击运行后就会出现一个与最终实现效果完全一致的窗体(见图二右)。另外,它还是一个具有响应动作的真实原型,例如你若点击了“设置…”按钮,那就会弹出一个新的窗体(见图三)。 图二、使用UIDesinger制作出来的原型 图三、点击“设置…”按钮后弹出的另一窗体   实际上,这个新弹出的窗体都是一个独立的原型,也是由UIDesigner制作出来的。由于它里面的控件同样可以设置下一步的响应动作,所以从总体上来看,众多原型就像一个树状结构,而其中的父节点就是图二中的设置窗体了。这种结构具有一个很大的好处:无论你完成了多个界面的原型,只需要它们之间有链接关系,最后输出的只是一个EXE可执行文件。这样,你可以很方便地与其它人员表达自己的设计思路,让沟通变得更加快捷。   接下来,我们看看这个原型是如何制作出来的。   第一步:建立空白窗体,调整它的大小、风格、标题和Icon 图四、使用UIDesigner制作原型—建立窗体   第二步:从工具箱中拖曳控件到窗体上,修改这些控件的属性(如Text等) 图五、使用UIDesigner制作原型—加入控件   由于UIDesigner具有自动对齐的功能,所以在拖动控件到窗体时就可以完成排版工作,不需要再逐个像素去调整。另外,不单单在加入控件到窗体时,在改变已存在于窗体内的控件的位置或者大小时,自动对齐功能一样会生效。这样,设计者在调整控件大小或者位置时(包括控件与控件,控件与窗体边缘等的距离等情况),工作变得很简单。 图六、使用UIDesigner制作原型—自动对齐功能   第三步:几分钟后,所有的控件都放到窗体并设置好属性了,如下图。 图七、使用UIDesigner制作原型—整体界面效果   此时,设计者就可以使用软件的导出图片或者导出原型功能分享你的设计成果了。当然,现在这种效果还只是一个没有响应动作效果的原型。接下来,我们再给“设置…”按钮加入响应动作。首先,选中“设置…”按钮,然后点击工具栏的“响应”按钮,你将会看到如图八的响应设置窗口。此时,你可以选择打开窗体、打开网页、弹出对话、修改属性值和关闭本身窗体等五种效果,这里我们选择“打开窗体”,然后在弹出的对话里指向弹出窗体的文件。最后,点击“完成”按钮即可。 图八、使用UIDesigner制作原型—设置控件的响应动作   到此为止,你就完成了一个与最终实现效果完全一致的高保真原型了。产品经理和开发人员等若想了解你的设计思想就不需要看着长长几页的说明文档了,而只需要运行你输出的原型文件,就可以对你的设计思路一目了然。   UIDesigner除了能让使用者能够快速地搭建起软件界面的高保真原型外,还提供了项目管理,让使用者能够方便地管理工程文件;提供了图片库和模板库功能,让使用者可以方便地重用以前的设计资源;提供了32个Windows客户端软件常用控件,满足使用者的设计需求;提供了多个属性设置入口,分别实现最常用属性设置、一般属性设置和高级属性设置功能。当然,UIDesigner不是专用来设计QQ的,其它的Windows客户端产品都在它的工作范围之内。总的来说呢,使用UIDesigner来制作原型是很高效的,而制作出来的原型也能够实现设计师、产品经理和程序开发工程师三者间的快速沟通,减少不必要的工作内耗。 ------------------------------------------------------------------ GUI_Design_Studio_3.5.94.0 在2008年,这款软件的作者从1,322位付费用户那获得了162,302美元的收入(其中仅12月份就有39,000美元),这令人鼓舞地证明了只要是提供真正价值的服务和软件,就能够创造很好的收入,即使在经济萧条的寒冬里。 GUI Design Studio是一款图形用户界面设计工具,您能用它在不需要编写任何代码或脚本的情况下快速地创建演示原型。使用标准元素绘制个人化的屏幕、窗口以及控件;将它们整合以展示操作工作流然后运行模拟程序测试您的设计。 当您需要绘制一款应用程序的外观或显示怎样将程序的各个部分连接起来时,您就可以使用GUI Design Studio来实现,如: 将产品创意文档化 制作项目提案 需求记录 创建屏幕图样 为开发人员制作详细的规格 为现有产品提出加强方案 以及更多其它用途 为用户以及股东甚至您自己制作展示文件以: 验证设计 找出替代项 评估多个使用场景 系统需求 Microsoft Windows Vista/XP/NT/2000 至少15MB的硬盘空间 推荐不少于256MB的内存 工程 将您的工作组织放到工程里。 每个工程都拥有它自己的文件夹结构。 可连接您计算机或网络上任何地方的其它库工程。 可连接到您计算机或网络上任何地方使您能够方便地获取图片以及其它文件。 创建您想要的并独立于所有工程的个人化设计文件。 创建能重复使用的设计库以及工程之间的一致性。 将图片直接从剪贴板中粘贴到工程文件夹的文件中。 屏幕设计程序 可同时打开多个设计文档并能使用分页界面在文档间快速切换。 可使用标准Windows元素创建图形用户界面(GUI)屏幕,包括架窗口、会话、菜单、工具栏、标签、按钮、复选、单选按钮、滚动条、滑动调节、微调组合、树列表、列表、编辑以及静态文本等。 通过现有元素或其它自定义控件创建自定义控制组件。 在其它设计中创建将要使用的控件设计。 以常用的文件格式添加图标与图片。 从能够显示您将获得什么的控件面板中进行拖放操作。 属性编辑程序使您能将每个元素进行自定义。 元素的自动生成功能。 您能在任何地方放置任何元素。 Edge snapping能通过“点击”对屏幕元素进行统一记录。 设计网格向您提供了简单的制作具有一致性设计布局的方法。 只需单键点击就能排列元素组。 均衡地隔开元素组。 调整元素大小以适应其它元素或测量一组其它元素。 聚焦缩小以查看细节设计或聚焦放大以浏览设计概况。使用工具栏按键或键盘或鼠标的滑动缩小放大功能聚焦增量。 使用鼠标的滚动以及滚轮功能快速浏览设计的概况。 剪切、复制与粘贴。 使用可选的canvas向导显示可用的屏幕空间。 通过文本与书签对您的设计进行注释。 为每个设计添加说明。 选择色彩主题以避免实际功能窗口的混淆。 图标图标面板提供快速的访问方式。 工程间可共享常用图标。 工程也能拥有它们独享的图标集。 使用将来在实际产品开发中可能用到的标准ICO文件。 包含的Icon Express编辑程序支持16色、256色以及最大尺寸为127 x 127的真彩图标。 如果愿意同样能整合任意其它的图标编辑应用程序。 展示与原型 在可导航元素(如按键与窗口)之间创建连接以显示控制流程。 为图象添加覆盖保护以及添加其它元素以创建可导航的热点。 支持形式化与非模态的窗口并支持显示、隐藏或微调窗口,以及窗口替换以实现切换效果。 锚点使您能对窗口进行准确定位。 能立即在模拟程序中测试或展示您的设计。 添加消息以描述可能在真实应用程序中出现的功能。 可创建多种场景,如正常条件下的场景与多个出错场景。 选择要激活的场景或让模拟程序为您选择。 更改有效的屏幕分辨率以查看您的设计如何适应不同的屏幕大小。 在没有进行脚本或代码编写的情况下,所有操作都是以图形模式完成。 ------------------------------------------------------------------ Balsamiq_Mockups_1.8.4 1. 首先安装 AdobeAIRInstaller.exe 2. 安装主程序 MockupsForDesktop.air 3. 使用 keygen 进行注册 在Balsamiq Mockups中绘制界面原型,就像在纸张和白板上手工绘画一样方便快速,而且不用担心出错,因为你完全可以进行回复/重。在Balsamiq Mockups中设计原型比在纸张和白板可有趣多了! 丰富的控件支持 Balsamiq Mockups预先提供了丰富的控件,如浏览器窗口、媒体播放器组件、圆形图表等,让你信手拈来! 丰富的控件 方便的属性设置 当你选择一个控件时,会立刻出现该控件的属性选项,你可以随时编辑修改属性。 属性设定 无限的恢复/重,不用担心出错,你可以无限制的进行回复和重。 开放,可移植的数据 Balsamiq Mockups所生成的数据是易于阅读的XML格式数据,你可以进行方便的移植和重用集成。 开放的数据 多种方式的集成应用,你可以将Balsamiq Mockups集成倒Confluence, Jira, XWiki中. 集成应用 Balsamiq Mockups是一款免费的带有手绘风格的原型设计软件,可以帮助你设计桌面应用软件,Web 2.0 站点, RIA富网络应用程序, Web站点和Web应用软件。 功能和亮点: 操作方面:拖拽,控件分组,甚至元素之间的对齐都得很到位; 预制了六十多个界面元素,从简单的输入,下拉,到经常用得到的导航条,日历,表格,到复杂的Tag Cloud,Cover Flow, 地图,WYSWYG的格式工具栏等,有了这些不用从头画起,其实比用白板都快; 界面元素的修改很简单,比如导航条的几个标签页的label,就是用逗号分隔的文字,下拉选项就是分行的文字; 使用xml语言来记录和保存界面元素和布局,从而使其能够快速的导入到你所需的任何一个项目中,或其他工具中。 可以将设计导出成PNG格式的图片; 随着使用的熟练,快捷键便派上用场,超过一半的元素均有快捷方式,这更有助于原型的快速构造,几乎几分钟便可实现一个满意的而复杂的原型设计; 跨平台,Balsamiq Mokups是用Flex和Air实现的,所以在Mac OS, Linux和Windows下都能使用; 不仅仅有桌面版本,还有能集成在Confluence,JIRA,和XWiki中的版本,使得异地在线协作更方便有效。 可以用命令行进行导出操作,这样就能让我写个脚本,从svn里checkout某个目录下的所有设计文件后,导出图片,打包后用邮件发到项目经理,工程师甚至客户那; 跨平台,Balsamiq Mokups是用Flex和Air实现的,所以在Mac OS, Linux和Windows下都能使用;不仅仅有桌面版本,还有能集成在Confluence,JIRA,和XWiki中的版本,使得异地在线协作更方便有效;据作者说,现在这款软件的设计就是用它自己来设计的,经典的“吃自己的狗粮”,这也让我对其更有信心,因为它是开发者为开发者写的软件。 还有值得一提的是Balsamiq Mokups的在GetSatisfaction上的用户支持和服务,作者Peldi对问题报告,新需求的回应很积极和及时。而且根据这个讨论上看,到月底就会有一个专门用来分享界面控件设计的社区网站了,很期待。 再要说的一点是这款软件是要付费的,79美元(也可以免费,具体如何免费,请看网站上的说明),相对于它能节省下来的时间和提高的效率,是很值得的。Peldi说在2008年,这款软件就从1,322位付费用户那获得了162,302美元的收入(其中仅12月份就有39,000美元),这令人鼓舞地证明了只要是提供真正价值的服务和软件,就能够创造很好的收入,即使在经济萧条的寒冬里。

13,825

社区成员

发帖
与我相关
我的任务
社区描述
C++ Builder相关内容讨论区
社区管理员
  • 基础类社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧