roller|选择器

左侧控件栏中动态显示分类下点击选择器，添加到当前页面中：

Roller的属性栏有基本、内容、基本、选中样式，共四种属性分类:
基本分类包含了ID、X、Y、宽、高共五种属性；
内容分类包含了上层控件、添加行共两种属性及功能；
基本分类包含了初始值、可见行数、文本对齐、文字颜色、背景颜色、字体大小、边框大小、行间距共八种属性；

• 初始值：可设置roller控件初始显示的行的索引值；

• 可见行数：可更改roller控件可显示的行数；

• 文本对齐：可更改roller控件的文本对齐方式，可更改为居中，居左或居右；

• 文字颜色：可修改roller控件各行的文字颜色，数据格式为hex值或rgb值；

• 背景颜色：可修改roller控件各行的背景颜色，数据格式为hex值或rgb值；

• 字体大小：可滑动修改roller控件的字体大小，数据范围为10-200；

• 边框大小：可滑动修改roller控件的边框宽度，数据范围为0-20；

• 行间距：可滑动调节roller控件的行间距大小，数据范围为0-50；

选中样式包含了文字颜色、文字选中颜色、字体大小、文字不透明度、字间距、行间距、主颜色、渐变色、渐变方向、 圆角、不透明度、边框颜色、边框大小、边框(lvgl_6)、边框(lvgl_7)、边框不透明度、阴影颜色、阴影大小、阴影、 上边距、下边距、左边距、右边距等23种属性分类；

• 文字颜色：可修改roller控件选中状态下各行的文字颜色，数据格式为hex值或rgb值；
  

• 文字选中颜色：可修改roller控件选中状态下的文字背景颜色，数据格式为hex值或rgb值；
  

• 字体大小：可修改选中状态下各行文字大小；
  

• 文字不透明度：可修改选中状态下文本的不透明度；
  

• 字间距/行间距：可修改选中状态下文本的字间距与行间距；
  

• 主颜色：可修改选中状态下文字的主颜色（此颜色会覆盖掉上面修改的文字选中颜色）；
  

• 渐变色：可修改选中状态下文字的副颜色；
  

• 渐变方向：更改roller控件选中状态下背景的颜色渐变方向，可选择的选项有无、水平、竖直；
  

• 圆角：可为roller控件添加圆角效果；
  

• 不透明度：更改roller控件选中状态下文本背景的不透明度；
  

• 边框颜色：更改roller控件选中状态下的边框颜色；
  

• 边框大小：更改roller控件选中状态下的边框大小；
  

• 边框(lvgl_6)：可单独选择边框添加的位置，lvgl_6有上下左右四个位置可选；
  

• 边框(lvgl_7)：可单独选择边框添加的位置，lvgl_7有上下左右、无和全部，共六个位置可选；
  

• 边框不透明度：可滑动更改roller控件选中状态下的边框透明度；
  

• 阴影颜色：更改roller控件选中状态下的阴影颜色。数据格式为hex值或rgb值；
  

• 阴影大小：可更改roller控件选中状态的阴影宽度；
  

• 阴影：可选择阴影效果的添加位置，是在控件下方还是全部方向；
  

• 上边距：可修改roller控件文本和边框的上边距大小；
  

• 下边距：可修改roller控件文本和边框的下边距大小；
  

• 左边距：可修改roller控件文本和边框的左边距大小；
  

• 右边距：可修改roller控件文本和边框的右边距大小；
  
  修改属性后运行结果如下：
  
  

与roller有关blockly控件的使用说明：
Blockly中与roller有关的控件只有两种，分别是读取选择器值以及向下/上滚动选择器；

两种控件的具体使用方法通过下图样例进行讲解。该样例实现的功能是点击按钮button_001时，向下滚动选择器roller_test01， 并将此时读取选择器roller_test01的值x10后赋值给滑块slider_01；