flash ScrollBar,List,Alert组件的使用及实例

本文介绍了Flash中的UIScrollBar、List及Alert组件的使用方法。包括UIScrollBar的基本参数设置,List组件的数据填充及Alert组件的弹窗实现,并提供了详细的步骤指导。
 (一)UIScrollBar组件:
用于滚动TextField对象的实例,或其他MovieClip.可以有水平和垂直2种用法。基本参数:_targetInstanceName:就是填TextField对象的实例名,horizontal:水平:此值设为true垂直:此值设为false.
实例做法:
1。建一个默认的FLASH8文档,拖出一个动态文本,实例名为tt,选择多行不换行,其他默认。位置在场景的第一帧第一层。
2。拖一个UIScrollBar组件到舞台,水平,参数采用默认参数。位置在场景的第一帧第一层。
3。另建一层放AS:针上代码:var tt:TextField;tt.text="power by
[url=http://8765004.flash8.net/]http://8765004.flash8.net[/url]
,power by
[url=http://8765004.flash8.net/]http://8765004.flash8.net[/url]
, powerby
[url=http://8765004.flash8.net/]http://8765004.flash8.net[/url]
,"
4。测试。
实例请看附件
(二)List 组件参数
以下是您可以在属性检查器中或在“组件检查器”面板中为每个 List 组件实例设置的创作参数:data 填充列表数据的值数组。默认值为 [ ](空数组)。没有相应的运行时属性。labels 填充列表的标签值的文本值数组。默认值为 [ ](空数组)。没有相应的运行时属性。multipleSelection 一个布尔值,它指明是 (true)否 (false)可以选择多个值。默认值为false 。rowHeight 指明每行的高度,以像素为单位。默认值是 20 。设置字体不会更改行的高度。您可以使用 List 实例的方法、属性和事件为其编写动作脚本来设置其他选项。有关详细信息,请参阅 List 类。创建具有 List 组件的应用程序以下过程解释了如何在创作时将 List 组件添加到应用程序。在本例中,列表是一个有三个项目的范例。要将一个简单的 List 组件添加到一个应用程序中,请执行以下操作:
1 将 List 组件从“组件”面板拖到舞台。
2 选择列表,然后选择“修改”>“变形”,调整大小以适应您的应用程序。
3 在属性检查器中,执行以下操作:
(1)输入实例名称 myl 。
(2)为标签参数输入 proj1 、proj2 和 proj3 。
4 测试影片
实例请看附件
(三)Alert 组件
Alert 组件使您能够弹出一个窗口,该窗口向用户呈现一条消息和响应按钮。Alert 窗口包含一个可填充文本的标题栏、一个可自定义的消息和若干可更改标签的按钮。Alert 窗口只能包含以下按钮的任意组合:“是”、“否”、“确定”和“取消”。可以通过使用以下属性更改按钮上的文本标签:Alert.yesLabel 、Alert.noLabel 、Alert.okLabel 和Alert.cancelLabel 。您无法更改Alert 窗口中按钮的顺序;按钮顺序始终为“确定”、“是”、“否”、“取消”。要弹出Alert 窗口,您必须调用Alert.show()方法。为了成功调用该方法,Alert 组件必须位于库中。您必须将Alert 组件从“组件”面板拖到舞台上,然后再将Alert 组件从舞台中删除。此操作将组件添加到库中,但不会在文档中显示它。使用Alert 组件(仅限 Flash Professional )可在需要向用户通告某些内容时随时使用Alert 。例如,您可能要在用户未正确填写表单、股票达到某个价位或用户在未保存会话的情况下退出应用程序时弹出Alert 。Alert 组件没有创作参数。必须调用动作脚本的Alert.show()方法来弹出Alert 窗口。可以使用其他动作脚本属性来修改应用程序中的Alert窗口。创建具有Alert 组件的应用程序以下过程解释了如何在创作时将Alert 组件添加到应用程序。在本例中,Alert 组件将在填写表单不正确时弹出“表单填写不正确,请重新填写”。要创建具有Alert 组件的应用程序,请执行以下操作:
1 在“组件”面板中双击 Alert 组件,将其添加到舞台。然后选中从舞台删除,注意库里还在。
2 在1针上写下代码:
import mx.controls.Alert
var lObj:Object = new Object();//创建侦听器对象
Alert.show("表单填写不正确,请重新填写", "",Alert.OK | Alert.CANCEL, this, lObj);
stop(); 
3.测试影片
实例请看附件
[img]/Files/BeyondPic/2007-1/9/200718144252870.gif[/img]
附件
本文转自:http://www.5uflash.com/flashjiaocheng/Flashzujianxuexi/1361.html
<template> <div class="default-main ba-table-box"> <el-alert class="ba-table-alert" v-if="baTable.table.remark" :title="baTable.table.remark" type="info" show-icon /> <!-- 表格顶部菜单 - 添加按钮 --> <TableHeader :buttons="['refresh']"> <template #refreshAppend> <el-button type="primary" size="mini" @click="handleAdd"> 添加门店 </el-button> </template> </TableHeader> <!-- 表格 --> <Table ref="tableRef"></Table> <!-- 表单 --> <PopupForm /> </div> </template> <script setup lang="ts"> import { onMounted, provide, useTemplateRef, ref } from 'vue' import { useI18n } from 'vue-i18n' import PopupForm from '/@/views/backend/store/popupForm.vue' // 根据实际路径调整 import { baTableApi } from '/@/api/common' import { defaultOptButtons } from '/@/components/table' import TableHeader from '/@/components/table/header/index.vue' import Table from '/@/components/table/index.vue' import baTableClass from '/@/utils/baTable' import { getStoreList } from '/@/api/backend/store' // 接收父组件传递的用户ID const props = defineProps({ userId: { type: [String, Number], required: true, }, }) const { t } = useI18n() const tableRef = useTemplateRef('tableRef') // 添加操作按钮 const optButtons: OptButton[] = defaultOptButtons(['edit', 'delete']) /** * baTable 配置 - 关键修改点 */ const baTable = new baTableClass(new baTableApi('/admin/Store/'), { pk: 'id', column: [ { type: 'selection', align: 'center', operator: false }, { label: t('ID'), prop: 'id', align: 'center', width: 70, operator: 'RANGE', sortable: 'custom' }, { label: t('名称'), prop: 'name', align: 'center', operatorPlaceholder: t('Fuzzy query'), operator: 'LIKE', sortable: false }, { label: t('地址'), prop: 'address', align: 'center', operatorPlaceholder: t('Fuzzy query'), operator: 'LIKE', sortable: false }, { label: t('收款码'), prop: 'pay_img', align: 'center', render: 'image', operator: false }, { label: t('状态'), prop: 'status', align: 'center', render: 'switch', operator: 'eq', sortable: false, replaceValue: { '0': t('store.status 0'), '1': t('store.status 1') }, }, { label: t('Operate'), align: 'center', width: 100, render: 'buttons', buttons: optButtons, operator: false, }, ], dblClickNotEditColumn: [undefined, 'status'], form: { items: [ { label: '门店名称', // ← 中文 prop: 'name', type: 'input', required: true, placeholder: '请输入门店名称', }, { label: '门店地址', prop: 'address', type: 'input', required: true, placeholder: '请输入门店地址', }, { label: '收款码', prop: 'pay_img', type: 'upload', accept: 'image/*', limit: 1, required: true, }, { label: '状态', prop: 'status', type: 'switch', activeValue: 1, inactiveValue: 0, }, ], }, }) provide('baTable', baTable) onMounted(() => { baTable.table.ref = tableRef.value /* 1. 先把 getData 换成我们自己的 -------------------- */ baTable.getData = (query = {}) => { /* query 里自带分页、搜索、排序参数,一起发给后端 */ return getStoreList(props.userId, query).then((res) => { const { list = [], total = 0, remark = '' } = res.data baTable.table.data = list baTable.table.total = total baTable.table.remark = remark return res // 一定要返回,否则框架内部 Promise 链会断 }) } baTable.before.onSubmit = ({ formEl, operate, items }) => { // items 就是马上要提交的表单数据 items.user_id = props.userId // 把当前会员ID塞进去 return true // 返回 true 继续提交,false 终止 } /* 2. 再挂载表格 → 会第一次调用上面的 getData ---------- */ baTable.mount() baTable.getData() /* 3. 拖拽排序初始化(可选) ---------------------------- */ baTable.initSort() baTable.dragSort() }) const handleAdd = () => { console.log('handleAdd') baTable.toggleForm('Add') } </script> <style scoped lang="scss"></style> 这个是代码 <template> <!-- 对话框表单 --> <!-- 建议使用 Prettier 格式化代码 --> <!-- el-form 内可以混用 el-form-item、FormItem、ba-input 等输入组件 --> <el-dialog class="ba-operate-dialog" :close-on-click-modal="false" :model-value="['Add', 'Edit'].includes(baTable.form.operate!)" @close="baTable.toggleForm" > <template #header> <div class="title" v-drag="['.ba-operate-dialog', '.el-dialog__header']" v-zoom="'.ba-operate-dialog'"> {{ baTable.form.operate ? t(baTable.form.operate) : '' }} </div> </template> <el-scrollbar v-loading="baTable.form.loading" class="ba-table-form-scrollbar"> <div class="ba-operate-form" :class="'ba-' + baTable.form.operate + '-form'" :style="config.layout.shrink ? '' : 'width: calc(100% - ' + baTable.form.labelWidth! / 2 + 'px)'" > <el-form v-if="!baTable.form.loading" ref="formRef" @submit.prevent="" @keyup.enter="baTable.onSubmit(formRef)" :model="baTable.form.items" :label-position="config.layout.shrink ? 'top' : 'right'" :label-width="baTable.form.labelWidth + 'px'" :rules="rules" > <FormItem :label="t('store.name')" type="string" v-model="baTable.form.items!.name" prop="name" :placeholder="t('Please input field', { field: t('store.name') })" /> <FormItem :label="t('store.address')" type="string" v-model="baTable.form.items!.address" prop="address" :placeholder="t('Please input field', { field: t('store.address') })" /> <FormItem :label="t('store.pay_img')" type="image" v-model="baTable.form.items!.pay_img" prop="pay_img" /> <FormItem :label="t('store.status')" type="switch" v-model="baTable.form.items!.status" prop="status" :input-attr="{ content: { '0': t('store.status 0'), '1': t('store.status 1') } }" /> </el-form> </div> </el-scrollbar> <template #footer> <div :style="'width: calc(100% - ' + baTable.form.labelWidth! / 1.8 + 'px)'"> <el-button @click="baTable.toggleForm()">{{ t('Cancel') }}</el-button> <el-button v-blur :loading="baTable.form.submitLoading" @click="baTable.onSubmit(formRef)" type="primary"> {{ baTable.form.operateIds && baTable.form.operateIds.length > 1 ? t('Save and edit next item') : t('Save') }} </el-button> </div> </template> </el-dialog> </template> <script setup lang="ts"> import type { FormItemRule } from 'element-plus' import { inject, reactive, useTemplateRef } from 'vue' import { useI18n } from 'vue-i18n' import FormItem from '/@/components/formItem/index.vue' import { useConfig } from '/@/stores/config' import type baTableClass from '/@/utils/baTable' const config = useConfig() const formRef = useTemplateRef('formRef') const baTable = inject('baTable') as baTableClass const { t } = useI18n() const rules: Partial<Record<string, FormItemRule[]>> = reactive({}) </script> <style scoped lang="scss"></style> 这个是门店的表单 为什么还是添加弹窗还是英文
最新发布
11-16
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值