zoukankan      html  css  js  c++  java
  • 与ComboBox有相似行为的下拉控件的实现

    ComboBox是一个很有用的控件,该控件基本在任何一套UI控件包中都属于必须提供的必备基础控件,同时它的实现也很值得学习.
    所谓的“与ComboBox有相似行为”,我主要是指以下几点,为了描述方便,我把此类控件分为两部分,没有下拉时,显示的区域称为主控件,下拉时,下拉区域称为弹出控件.
    1、弹出控件可以紧跟主控件的周围.
    2、弹出控件必须在最大范围内不被父容器裁剪.比如,如果是Win32或者WinForm的ComboBox,它们的弹出控件是可以超出所在程序的窗口范围的(可以把控件放到窗体的底部试试),仅受制于最顶级的窗口——桌面. Silverlight中的ComboBox也可以超出任何父容器,仅受制于最外层的容器——浏览器窗口(准确的说应该是Silverlight Plug-in所代表的范围,不过一般都把这个范围充满整个浏览器的客户区)
    3、弹出控件弹出时,主控件需要可以做到不丢失输入焦点
    4、在主控件和弹出控件的显示范围之外点击鼠标,下拉控件需要可以自动关闭
    如果要做到以上的要求,在不同的UI框架上(这里我把win32的UI部分也称为UI框架),做法不尽相同.
    要求1:意味着必须能获取主控件相对于最顶级窗口客户区的绝对坐标.
         在Winform中,控件的布局都是采取相对于父容器的绝对定位,所以只需要沿着控件树向上遍历,把绝对坐标逐个叠加,即可.
         在Silverlight中,布局方式比较丰富,这样获取绝对坐标反而变得困难,幸运的是MS提供了辅助类,使用方式如下:
          GeneralTransform generalTransform = 控件名称.TransformToVisual(null);
          Point point = generalTransform.Transform(new Point()); 
         参考文章:http://www.kirupa.com/blend_silverlight/absolute_position_transformtovisual.htm
    要求2:Winform中,所有的控件都会被外层Form所裁剪,要做到不被裁剪,可以用一个隐藏了标题栏的Form来模拟弹出控件.
              Silverlight中,可以借助自带的Popup控件实现
    要求3:Winform中,因为采用Form来模拟弹出控件,默认情况下,在Form被显示时,主控件肯定会失去焦点,因为这个时候焦点会转移到这个新显示的Form上,要让主控件不丢失焦点,那么在创建Form是,需要使用WS_CHILDWINDOW样式来创建,这样创建出来的窗体不会抢夺输入焦点,那么焦点就不会发生转移.
              Silverlight中,因为弹出控件是一个真实的控件,所以只需要把控件的Focusablee属性设置为false,控件就不会接收焦点
    要求4:在弹出窗口被显示时,捕获鼠标,这样如果鼠标点击主控件和弹出控件之外的区域,就可以收到通知,进而关闭弹出控件.注意,捕获鼠标在WPF中和Silverlight中并不一致,WPF中使用System.Windows.Input.Mouse.Capture()来捕获鼠标,而Silverlight(目前版本4)没有这个类,而是使用UIElement的成员函数CaptureMouse()来执行捕获.
  • 相关阅读:
    百度贴吧的数据抓取和分析(二):基础数据分析
    百度贴吧的数据抓取和分析(一):指定条目帖子信息抓取
    二十三种设计模式及其python实现
    经典排序算法及python实现
    从开发到部署,使用django创建一个简单可用的个人博客
    使用uWSGI+nginx部署Django项目
    ubuntu中彻底删除nginx
    阿里的秒杀系统是怎么设计的?
    多图详解!10大高性能开发核心技术
    关于Redis的几件小事 | 高并发和高可用
  • 原文地址:https://www.cnblogs.com/fre2technic/p/2018365.html
Copyright © 2011-2022 走看看