LCUI - Browse /v1.0-alpha at SourceForge.net

The interactive file manager requires Javascript. Please enable it or use sftp or scp.
You may still browse the files here.

Name	Modified	Size	InfoDownloads / Week
Parent folder
LCUI-1.0-alpha-for-windows.zip	2017-04-18	16.0 MB	0
LCUI 1.0 Alpha.tar.gz	2017-04-18	362.4 kB	0
LCUI 1.0 Alpha.zip	2017-04-18	552.5 kB	0
README.md	2017-04-18	6.0 kB	0
Totals: 4 Items		16.9 MB	0

Improved bmp, jpeg, png file processing, add image reader
Added Scrollbar widget
Improved Button widget
Improved TextView widget
Improved TextEdit widget
Improved widget types, events, layouts and styles processing
Imrpoved UI rendering performance
Added touch screen support
Added XML and CSS support
Removed Linux Framebuffer support
Added Linux XWindow support
Added simple support for Universal Windows Platform (UWP)
Imrpoved Windows support
Added some tutorials (only Chinese version)
Fixed some bugs

中文版（Chinese Version）

由于本次更新改动很大，所以版本号从 1.0 开始，主要更新内容如下：

改进 bmp、jpeg、png 图片的读取接口
添加滚动条（Scrollbar）部件
改进按钮（Button）部件
改进文本显示（TextView）部件
改进文本编辑（TextEdit）部件
改进部件的类型、事件、布局及样式处理
改进图形界面的性能
添加触控支持
添加 CSS 和 XML 支持
移除 Linux 的帧缓冲（FrameBuffer）支持
添加对 Linux 的 XWindow 的支持
添加对 Windows 通用应用平台（UWP）的简单支持
改进对 Windows 的支持
添加部分文档
修复部分已知BUG

原计划在此版本中添加缩放功能，用于适应各种分辨率的屏幕，但由于涉及到的地方比较多，所以该特性已经推迟到后续的版本中。

以下将针对几个主要改动做些简单的说明，如需要体验具体效果可以下载 LCUI 的功能旗舰级应用： LC's Finder。

XML 和 CSS

本次比较大的改动是加入了对 XML 和 CSS 支持，为此 LCUI 的部件布局和样式处理也做了些整改，基本算是重写了一遍。相信写过图形界面应用的程序员们都会有这样的体验，只用编程语言来描述界面内容是一件很麻烦的事情，写了一坨代码却只是实现一些简单的布局和效果，可读性差且不易维护。XML 和 CSS 能够解决这种问题，界面的布局和结构可以用 XML 描述，目前支持的标签很少，书写起来会比较简单，就像下面这样。

:::xml
<?xml version="1.0" encoding="UTF-8" ?>
<lcui-app>
  <resource type="text/css" src="helloworld.css"/>
  <resource type="application/font-ttf" src="C:/Windows/Fonts/comic.ttf"/>
  <ui>
    <widget id="text-hello" type="textview" class="text-hello">Hello, World!</widget>
    <widget id="edit" type="textedit">Hello, World!</widget>
    <widget id="btn-ok" type="button">Submit</widget>
  </ui>
</lcui-app>

至于 CSS，你可以用它来描述界面元素的视觉效果，受限于现有条件，目前只支持简单的 CSS 样式，并且某些 CSS 样式的实际效果会根据 LCUI 的现有情况做一定的调整，属于定制版的 CSS。除了一些简单的样式外，你还可以靠 CSS 来使用图标字体，例如： FontAwesome 和 Material Design Icons，当然，这些图标字体附带的 CSS 文件并不能直接在 LCUI 中使用，需要做些修改，具体可以参考这篇文章。

对于比较复杂的界面，CSS 代码也会比较多，如果觉得这堆 CSS 代码写起来很麻烦，可以试试使用 sass、less 和 stylus 这类 CSS 预处理器来简化编码，就像下面这样。

build-app-with-css

当 CSS 代码比较多的时候，会很容易出现样式污染问题，在没有浏览器自带的开发人员工具情况下，这个问题处理起来会比较麻烦，但也不是没有办法，LCUI 提供了 Widget_PrintStyleSheets() 函数，可以打印出指定部件应用到的所有样式表内容，结果类似于下面这样。

:::text
selector(1612994007) stylesheets begin

[helloworld.css][rank: 11]
textview.text-hello {
    margin-top: 25px;
    margin-right: 25px;
    margin-bottom: 25px;
    margin-left: 25px;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #000000;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #000000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #000000;
    background-color: #fafafa;
    color: #8cc63f;
    font-family (+): "Comic Sans MS";
    font-size (+): 18px;
    text-align (+): center;
}

[<none>][rank: 1]
* {
    position: static;
    display: block;
    width: auto;
    height: auto;
    此处省略部分内容 ...
    background-color: rgba(255,255,255,0);
}
[selector(1612994007) final stylesheet] {
    此处省略部分内容 ...
}
selector(1612994007) stylesheets end