StrawFramework 简介 & 目标
0、目前阶段
开发实验 阶段，等接口 & 功能基本稳定后，再将代码上传到 Github：
- 接口未固定 —— 后续重构、修改可能性大；
- 部分功能未实现 —— 如 EditText、ScrollView 等功能性组件；
- Bug 多；
缓慢持续进行中。。。
1、简介
StrawFramework 是一款基于 C++ 的 GUI 开发框架。此前一直是开发 PC 端软件，但近年来由于我受 Android 开发的影响比较深，我决定把 Android 中的一些开发思路和经验借鉴过来，用 C++ 开发一款类似的 GUI 开发框架。UI Layout、I18N、Drawable、Resources Manager 等等模式和思路借鉴复制，另外针对 PC 端的开发模式，有一定其他不同的处理。
2、目标
- 桌面跨平台 C++ GUI 库——目前只开发 Windows PC 端，但接口有预留；
- 借鉴 Android 开发中好的一些设计思路和模式；
- 采用 XML 的方式进行界面排布、Drawable 等等资源编写；
- 设计插件模式，让其他插件可以用 DLL / so 的方式接入进来；
3、实现 / TODO 列表
| 功能 / 特性 | 描述 | 完成度 |
|---|---|---|
| Base Component | Application/ MessageLoop / Log / Timer / Data ... | 高 |
| DPI-Compatible | px / dp / sp ... | 高 |
| Window / Dialog | CaptionWindow / Dialog / MessageBox ... | 中 |
| Built-in Views | View / EditText / LineraLayout / ScrollView ... | 中 |
| Theme | Style / Theme ... | 中 |
| Layout | LinearLayout / AbsoluteLayout / FrameLayout ... | 中 |
| Drawable | BitmapDrawable / ShapeDrawable / ColorDrawable GifDrawable / AnimationDrawable / StateListDrawable NinePatchDrawable ... |
高 |
| I18N | 高 | |
| Resources Manager | Resource packer & read | 中 |
| Menu | 中 | |
| Message / Event | 低 | |
| Customized View -> XML | 高 | |
| Extension / Plugin | 中 | |
| UI Editor | 未开始 | |
| UI Spy | 未开始 |
4、thirdparty library
5、一个简单的布局
- 长度单位默认大小单位为： dp；
- 和 Android 类似，可以使用
@dimen/@string/@drawable/@layout来索引资源； - 支持 Layout-XML
include； - 插件或者宿主 App 均可使用
@platform:drawable/xxx类似的做法访问 StrawFramework 库中的资源； - 插件可使用
@app:drawable/xxx访问宿主 App 库中的资源； - 使用类似
style="@style/login_btn"来为 View 指定样式/主题；
<CaptionWindow
width="@dimen/wnd_width"
height="@dimen/wnd_height"
minSize="400, 300"
title="@string/app_name"
cursor="@drawable/aero_link"
sizeable="bothSizeable">
<FrameLayout
width="match_parent"
height="match_parent"
extensionName="com.straw.demo.main_caption_layout">
<include layout="@layout/base_header" />
<LinearLayout
width="match_parent"
height="match_parent"
bottomMargin="30"
extensionName="com.straw.demo.main_layout"
gravity="centerHorizontal"
padding="4"
orientation="horizontal">
<View
width="78"
height="36"
topMargin="10"
layoutGravity="centerVertical"
background="@drawable/audio_anim_left"/>
<View
width="150"
height="180"
leftMargin="40"
topMargin="20"
background="@drawable/demo"/>
<View
width="150"
height="250"
layoutGravity="bottom"
bottomMargin="30"
leftMargin="10"
clickable="true"
background="@drawable/caption"/>
</LinearLayout>
<View
width="80"
height="80"
layoutGravity="bottom"
marginBottom="100"
background="@drawable/jump"/>
<TextView
width="200"
height="80"
layoutGravity="bottomRight"
textSize="30"
textColor="@color/hello_text_color"
gravity="center"
textStyle="bold|italic|underline|strike"
text="Hello World!"/>
<View
width="match_parent"
height="20"
layoutGravity="bottom"
background="#c44"/>
<Button
style="@style/login_btn"
id="login"
width="120"
height="48"
marginLeft="20"
layoutGravity="centerVertical|left"
text="Login"
background="@drawable/state_drawable"/>
<Button
id="logout"
width="120"
height="42"
layoutGravity="centerVertical|left"
marginTop="60"
marginLeft="20"
text="Logout"
textColor="@color/state_color"
gravity="center"
background="@platform:drawable/default_btn/default_btn"/>
</FrameLayout>
</CaptionWindow>6、部分截图
