下拉框选中操作

# 下拉框选中操作
>s 下拉框 实际效果和单选一样都是只能选择一个选项,只不过下拉框的选项 可以很多个且只会占用 一个组件的大小,而单选按钮的话 如果有多个选项需要很多个单选按钮来实现,这样会占用页面很大一部分空间,所以有了下拉框

## 交互逻辑
>d  在xml 里绘制一个spinner组件

> s Ui.js里编写下拉框选项监听事件即可

## xml 示例

```xml

<?xml version="1.0" encoding="UTF-8" ?>
<ScrollView
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xmlns:android="http://schemas.android.com/apk/res/android"
        xsi:noNamespaceSchemaLocation="layout.xsd"
        android:layout_height="match_parent"
        android:layout_width="match_parent">
    <LinearLayout
            android:layout_height="match_parent"
            android:layout_width="match_parent"
            android:orientation="vertical"
            android:padding="20dp">
        <Spinner android:layout_width="match_parent"
                 android:layout_height="wrap_content"
                 android:tag="sp"
                 android:text="一年级|二年级|三年级|四年级|五年级|六年级"/>

</LinearLayout>
</ScrollView>
```

## ui.js 示例

```js
function main() {
    ui.layout("参数设置", "main.xml");
    ui.setUIvar();// 初始化并将所有xml里的组件转为对象

// spinner 下拉框的选中项监听事件
    // 第一个参数 sp 是xml里spinner组件的tag属性值
    // 第二个参数为 itemSelected 代表的意思为选中项 事件
    // 第三个参数为匿名回调函数 position 代表的是选项的索引(索引从0开始) value 代表的选项的内容
    ui.setEvent("sp","itemSelected",function (position, value) {
        toast("选中项索引为:"+position +"\n值为:"+value);
    })

}
main();

```