当前位置:网站首页 / WPF / 正文

[ayui最新控件AyDragDrop和选区控件]ay ListBox 高级玩法-秀你一脸,傻瓜式使用[ay已经花了7天了]

时间:2016年05月20日 | 作者 : aaronyang | 分类 : WPF | 浏览: 1807次 | 评论 0

2016-5-23 01:36:21

 解决不了 popup中拖放时候adorner和popup的层级关系 

9.gif


2016-5-20 

支持组互相拖放

8.gif

2016-5-20 

解决选区选择时候,与滚动条的冲突问题,现在选择滚动条,可以滚动了

gund.gif

已经支持wrappanel的布局和stackpanel等于oriention的布局(横向布局,浮动布局)

同理支持2种事件检测,可以获得droptarget的的左侧还是右侧,也可以支持块状,用法和DragEnter

        <Trigger Property="dd:AyDragDrop.DragDropLife" Value="DragEnterL">
                                        <Setter Property="BorderThickness" TargetName="bg" Value="1,0,0,0"></Setter>
                                    </Trigger>
                                    <Trigger Property="dd:AyDragDrop.DragDropLife" Value="DragEnterR">
                                        <Setter Property="BorderThickness" TargetName="bg" Value="0,0,1,0"></Setter>
                                    </Trigger>

客户端超级简单获得drop后的回调方法,可以轻松获得放下的,之前的数据,和之后的数据,轻松获得被拖的 item组,被drop的元素



综合效果

5.gif


2016-05-20    

AyDragDrop完美支持双击,单击,单击斜画选区,选区和拖放滚动条自动滚,全选/批量后单击选中的还可以单击取消,选区选择,批量拖放,拖放过程后取消拖放,客户端自定义拖放行为(精确到item的上方和下方的插入),放下后,怎么处理都支持。拖放中也支持处理。

                     完美支持拖放时候跟随鼠标的数据模板。

客户端使用ayui库的方法拖放方法,和列表选区

作用的对象listbox

效果预览,左侧是control:AyDragDrop.DragAdornerMode="1" 块方式拖放,右侧是分割线效果,这里的效果是在客户端自己定义,使用方法,就跟触发器一样使用

423.gif


选区的增加,支持自定义颜色,这里是十六进制string类型

创建个listbox,然后加两个属性即可,这里ay还没有对listbox的多选判断,所以这里你自己手动设置 SelectionMode="Extended"或者Multiple

control:AyListBoxSelector.Enabled="True" control:AyListBoxSelector.SelectionBrush="#368632"

此时的listbox已经支持选区效果了。


客户端支持自定义拖放处理,在item的上方,或者item的下方,AyDragDrop默认就是上下方的形式,拖放

    <Trigger Property="dd:AyDragDrop.DragDropLife" Value="DragEnterB">
                                        <Setter Property="BorderThickness" TargetName="bg" Value="0,0,0,1"></Setter>
                                    </Trigger>
                                    <Trigger Property="dd:AyDragDrop.DragDropLife" Value="DragEnterT">
                                        <Setter Property="BorderThickness" TargetName="bg" Value="0,1,0,0"></Setter>
                                    </Trigger>

支持区域块方式,你需要在listbox上方加入control:AyDragDrop.DragAdornerMode="2" ,鼠标在块的上放,就放在上方,在块的中间偏下的位置,放在下面

块状的时候,触发器是,此触发器加在listbox的itemtemplate上

  <MultiTrigger>
                                        <MultiTrigger.Conditions>
                                            <Condition Property="dd:AyDragDrop.DragDropLife" Value="DragEnter"></Condition>
                                            <Condition Property="ListBoxItem.IsSelected" Value="False"></Condition>
                                        </MultiTrigger.Conditions>
                                        <MultiTrigger.EnterActions>
                                            <BeginStoryboard  Storyboard="{StaticResource recDragEnter}"/>
                                        </MultiTrigger.EnterActions>
                                        <MultiTrigger.ExitActions>
                                            <BeginStoryboard Storyboard="{StaticResource recDragLeave}"/>
                                        </MultiTrigger.ExitActions>
                                      
                                    </MultiTrigger>


AyDragDrop完美支持双击,单击,单击斜画选区,选区和拖放滚动条自动滚,全选/批量后单击选中的还可以单击取消,选区选择,批量拖放,拖放过程后取消拖放,客户端自定义拖放行为(精确到item的上方和下方的插入),放下后,怎么处理都支持。拖放中也支持处理。








2016-05-18

34.gif

选择多个后,单击其他取消,只选中当前单击的item

选择多个,按下鼠标可以拖放调整顺序

现在双击单个Item,取消其他,执行双击事件

单击未选中的item,斜上方,可以画出选区选择多个item

关于拖放和选区支持滚动条自动滚动

选择操作:单击选中一条,shift和ctrl选择,画一个选区选择,上下移动选择

额外的解决的问题:SelectItems   是根据点击item顺序来的。所以拖放后的顺序不对,但是我已经解决

双击item,右键菜单,客户端已经可以自定义事件,获得被单击的对象。

选中多项拖放,只显示一个adorner,如图片中的音乐图片。

自定义droptarget的insert的虚线。

多选情况下,双击取消其他的selected,触发当前被单击的item的双击的自定义事件

推荐您阅读更多有关于“WPF4.5,”的文章

猜你喜欢

额 本文暂时没人评论 来添加一个吧

发表评论

必填

选填

选填

必填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

  查看权限

合肥科大智能常年招聘.NET,Web前端,有想换工作的私聊我AY唯一QQ:875556003和AY交流

抖音号:wpfui,可以看到我的很多作品效果,私活合作请qq联系我

AYUI8社区版Github地址:前往获取

作者:杨洋(AaronYang简称AY,安徽六安人)目前是个人,还没公司AY唯一QQ:875556003和AY交流

高中学历,2015年1月17日开始,兴趣学习研究WPF,目前工作繁忙,不接任何活

声明:AYUI7个人与商用免费,源码可购买。部分DEMO不免费.AY主要靠卖技术服务挣钱

不是从我处购买的ayui7源码,我不提供任何技术服务,如果你举报从哪里买的,我可以帮你转正为我的客户,并送demo

查看捐赠

AYUI7.X MVC教程 更新如下:

第一课 第二课 程序加密教程

vs2015 企业版密钥HM6NR-QXX7C-DFW2Y-8B82K-WTYJV

vs2017 企业版密钥NJVYC-BMHX2-G77MM-4XJMR-6Q8QF

标签列表