OrangeUI

OrangeUI介绍

2013年EMB发布了XE4,开始了Delphi可以直接开发苹果APP的篇章,

同时,OrangeUI就开始了紧锣密鼓的研发,一直到了2017年,耗时四年,

期间EMB也发布了XE5、XE6、XE7、XE8、D10 Seattle,直到现在的D10.1 Berlin版,

Delphi已经可以一套代码,同时开发很稳定的IOS和Android两个平台的APP了,

OrangeUI也从1.0版本慢慢发展到如今的1.73版本。

 

本人亲身用Delphi+OrangeUI开发了多款APP,其中有企业管理类、即时通迅类、应用工具类等,

我从这些项目中积累了很多经验,找寻出了做界面当中的痛点,并把它们封装成简单的控件,

因此,OrangeUI几乎包含了APP开发所用到的所有UI控件,让一切变得很容易,

 

比如,OrangeUI原创了ListView的设计面板模式,可以直接在面板上拖放要显示的元素(图片、文本、按钮、输入框等),

满足了手机APP上快速实现各种多样复杂列表的需求,

再者,OrangeUI上的每个控件都只需要设置简单的属性就可实现您想要达到的效果,

而不是像EMB自带控件,改个按钮的背景色需要设计复杂的Style。

创建及加载速度快,因为OrangeUI控件直接继承TControl,非TStyledControl,

不需要像自带控件那样从默认StyleBook中加载元素

 

不少用户使用Delphi+OrangeUI开发了多款美观大方的APP,上架到苹果AppStore的也有很多,

在这APP开发盛行的时期,为了让更多Delphi开发者更方便的开发APP,搭建APP界面,

把更多精力投入到业务和功能上的研发,OrangeUI决定免费给Delphi开发者使用。

 

通过OrangeUI,您可以快速及稳定的实现如下功能,并且全部免费:

1.APP主页九宫格菜单,在主流APP中经常能够见到,OrangeUI只需要一个控件,而不是Image和Label堆出来实现。

2.广告图片轮播功能,并且是可以跟随手指滑动切换,这是目前别的控件还做不到的。

3.列表ListView支持直接设置图片的URL,通过底层的多线程下载功能,可以轻松实现异步加载图片,并且不会感觉到卡顿。

4.列表框ListView自带下拉刷新、下拉加载的功能,在手机上加载2w条数据只需2秒。

5.APP上数据呈现以ListView为主,列表框ListView支持的设计面板模式,可以在设计面板上添加任意数目的控件,排列好布局,各种样式轻松搞定。

6.实现稳定的页面切换效果,让您的APP如原生般的用户体验(APP最注重的就是用户体验)。

7.各种通用的界面,如等待框,对话框,菜单框,拍照菜单框,选择框等。

8.可以快速生成IOS和Android平台下所用到的各种尺寸的程序图标和启动界面图片。

9.网上商城、好友聊天、新闻浏览、外贸验货、平板点单等示例,包含全部源码的。

10.可以手势切换的分页控件,加入到您的APP中可以极大的方便用户进行操作。

11.稳定灵活的Frame开发方案(发布会李维老师推荐),可以很好的将复杂的主窗体分解成四、五个小页面,加快页面的截入速度,减少内存占用,并且按返回键自动返回上一页的处理,让你打造出高效的APP。

12.简单实用的图片HTTP上传下载客户端和服务端(IndyHttpServer)的示例源码。

13.发朋友圈、查看朋友圈的客户端和后台服务端(DataSnap)的示例源码。

14.按钮在ScrollBox上用手指滑动不会触发点击事件。

15.编辑框在ScrollBox上用手指滑动时不会触发输入事件,并已自动处理虚拟键盘显示/隐藏事件,不会挡住编辑框。

16.列表ListView支持在设计时添加Item并能即时预览到效果,目前自带和别的控件都做不到的。

17.OrangeUI的用户目前已经超过200名,用户开发的APP也不下百个,不少都上架到AppStore,腾讯应用宝等市场。

18.每个控件配备专门的DEMO和文档教程,使用起来更轻松。

19.提供专门的OrangeUI技术支持QQ群(群号:10900297),也可以加我QQ452330643,提供专业的APP开发支持。

20.定期一至两个月更新一次,不断添加新的控件适应新的趋势,以及新的实用示例。


接下来详细介绍一下OrangeUI控件有哪些功能:

最重要的控件

ListView列表视图

   列表项样式可以通过面板来设计

   设计面板上可以放无数个文本,图片和按钮

   设计面板上还可以放复选框、单选框、进度条、提醒数字、多彩文本等

   设计面板上可以放置广告轮播,并且能处理图片水平切换和垂直滑动的手势冲突

   设计面板上可以放置编辑框来编辑列表项

   设计面板上的每个控件都可以写点击事件

   可以很方便的实现列表项的点击效果,选中效果。

   可以拥有多种不同的列表项样式

   每个列表项可以设置不同的高度和宽度

   支持图标显示模式,可以设置每行列表项个数,轻松实现九宫格和表格布局

   支持瀑布流显示模式

   支持居中选择模式,用于选项选择功能

   支持水平排列模式

   可以在设计期添加和修改列表项,即时预览效果

   可以自动以异步的方式加载列表项中的图片

   可以简单的实现下拉刷新功能和上拉加载更多数据的功能

   可以自定义列表项的分隔线,行列分隔线

   可以设置列表项的间隔

   可以自定义平移菜单按钮


TreeView树形视图

   提供多级节点管理功能

   可以设计父节点的样式

   可以设置层级之间的水平偏移


所有控件

   可以设置背景色、边框

   可以共享自已的皮肤设置给其他同类控件使用


Button按钮

   可以设置背景色、边框、字体、背景图片、图标

   可以设置各种状态下的背景图片

   可以设置按下和弹起状态的图标

   可以设置背景色,标题和图标之间的排列位置


Image图片

   可以设置图片的显示类型、拉伸/不拉伸、自适应

   可以自动以异步的方式加载网络图片

   可以自动缓存所下载的网络图片

   可以直接显示GIF图片


CheckBox&RadioButton复选框和单选框

   可以设置勾选图片

   可以设置勾选颜色

   可以自定义勾选图片和文本的排列位置


ComboBox下拉框,ComboEdit下拉编辑框

   可以设置标题的字体

   可以设置点击箭头的图片


Edit编辑框、Memo备注框

   可以设置背景色,边框和背景图片

   可以设置编辑框的高度

   可以设置提示图标

   可以设置提示文本以及它的字体和显示位置


DrawPanel签名画板

   可以绘制签名

   可以设置画笔的粗细和颜色

   可以保存成图片

   可以撤销和恢复


ImageListViewer图片轮播

   可以实现多张图片定时切换

   可以设置水平切换效果和垂直切换效果

   可以使用手势切换图片

   可以设置切换指示按钮



MultiColorLabel多彩文本

   可以实现一串不同颜色、不同字体、不同大小的文本



NotifyNumberIcon提醒数字

   可以设置提示图片

   可以设置提示颜色



PageControl分页控件

   可以设置分页按钮默认状态和按下状态的图标

   可以设置分页按钮标题和图标的排列位置

   可以设置分页按钮的背景色和边框

   可以设置分页头部的背景颜色和边框

   可以手势切换分页

   可以绑定提醒数字控件







ProgressBar进度条

   可以设置背景色和前景色

   可以设置进度字体


RoundImage圆型图片

   可以把方形图片显示成圆型



ScrollBox滚动框

   滑动Edit不会触发编辑

   滑动控件不会触发点击事件

   自动处理虚拟键盘弹出遮挡


DBGrid数据表格

   可以绑定数据集

   可以动态的添加、删除、清除、隐藏表格列

   可以设置固定列

   可以显示指示列、设置指示列的宽度

   可以编辑单元格内容

   布尔型字段以CheckBox方式显示

   可以设置统计行和统计字段

   可以设置字段的显示格式

   可以设置表格分隔线,行颜色等


Frame框架

   可以显示,返回上一页

   支持页面切换的动画效果

   提供基本页面框架:对话框,等待框,提示框,选择框,单选框,多选框,拍照菜单框,日期选择框,省市选择框,弹出菜单框





丰富的示例,并包含全部源码

   讯客手机商城示例:包含商城首页、商品列表、商品分类、商品详情、购物车、付款等页面

   OrangeUI朋友圈示例:客户端包含登录注册、朋友圈列表、评论点赞、个人信息、资料编辑等页面,DataSnap服务端包含客户端所需接口(注册登录、验证码、获取朋友圈列表等)的实现

   新闻示例:包含网络接口调用,展示新闻列表,显示新闻网页

   其他示例:微博、QQ、课程表、文件管理等


版权所有 2015-2025 orangeui.CN, Inc. All Rights Reserved 浙ICP备15042650号-1