Home

Awesome

awtk-widget-slidable_row

仿微信列表项。

准备

  1. 获取 awtk 并编译
git clone https://github.com/zlgopen/awtk.git
cd awtk; scons; cd -

运行

  1. 生成示例代码的资源
python scripts/update_res.py all

也可以使用 Designer 打开项目，之后点击 “打包” 按钮进行生成； 如果资源发生修改，则需要重新生成资源。

如果 PIL 没有安装，执行上述脚本可能会出现如下错误：

Traceback (most recent call last):
...
ModuleNotFoundError: No module named 'PIL'

请用 pip 安装：

pip install Pillow
  1. 编译
scons

scons LINUX_FB=true

完整编译选项请参考编译选项

  1. 运行
./bin/demo

文档

1. 用法

slidable_row 可以当作 list_item 放在 list_view 中，正常情况下它只显示第一个直系子节点。向左拖动可以显示其它子节点，其它子节点不作限制，但是要能在一行中显示出来。

<slidable_row style="odd">
  <label name="title"  style="title" text="4.Supported Windows applications"/>
  <button name="mark" style="mark" tr_text="Mark As Read" w="128"/>
  <button name="remove" style="remove" tr_text="Remove" w="80"/>
</slidable_row>

对于某些危险操作，比如删除，可以使用 confirmable_button，让用户有确认的机会，同时又不弹出对话框影响操作的流畅性。

点击 confirmable_button 时，会弹出一个 popup，这个 popup 窗口和 confirmable_button 的外观类似，感觉就是 confirmable_button 展开一样。popup_win_w 属性指定 popup 窗口最大宽度。动画效果可以向左展开，也可以向右展开，由属性 popup_to_right 决定。一般 confirmable_button 是最后一个控件，就向左展开，否则向右展开（需要指定 popup_to_right=true)。

<slidable_row style="even">
  <label name="title"  style="title" text="1.Supported embedded applications"/>
  <button name="mark" style="mark" tr_text="Mark As Read" w="128"/>
  <confirmable_button w="80" name="confirm_remove" style="remove" tr_text="Remove" popup_win_w="208"/>
</slidable_row

2. 参考