54.原型3 移动端选择器 (未完)

本教程详细介绍了如何使用中继器和动态面板创建可拖动的数据选择器,包括设置背景、文本样式、数据列表及实现拖动效果等步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

   首先做一个灰色背景 300X200 去边框

然后添加一个中继器 在中继器里添加一个标签文本 宽300 高40

然后将中继器里的文本居中并加粗 字号20

 

然后设置中继器的项目交互动作 设置文字 这样就可以传输数据

然后设置左下方数据列表名为BankName 以及上方中继器中的标签名为BankName

然后添加数据 注意第一个是“请选择银行”

然后利用两个矩形做两个遮罩层 对矩形设置渐变以及透明度 按住ctrl可以旋转矩形

中继器不能移动 因此我们将中继器转成动态面板 并且改名为BankList

然后我们在这个动态面板上再覆盖一个动态面板 让之后动态面板移动的时候 之前的动态面板跟随移动

给上面的面板设置移动时的动作 下面的面板跟随移动 然后给上面的面板命名为DragPan

同时给上面一个面板设置移动时的动作 纵向移动 让面板可以被拖动

生成达成效果!但是会超出边界 

 因此我们选中所有的然后转化为动态面板 并调整下方面板的尺寸

给两个矩形分别取名为top跟bottom

 

转载于:https://www.cnblogs.com/newt/p/9290869.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值