• <acronym id="danlv"><form id="danlv"></form></acronym>
  • <dd id="danlv"><rt id="danlv"></rt></dd>
      <var id="danlv"><rt id="danlv"><big id="danlv"></big></rt></var>
      1. <code id="danlv"><ol id="danlv"></ol></code>
        <var id="danlv"><rt id="danlv"></rt></var>
          1. <code id="danlv"></code>
            返回首頁
            當前位置: 主頁 > 網絡編程 > .Net實例教程 >

            DevExpress控件布局的操作基礎教程

            時間:2017-02-08 22:13來源:知行網www.n1979.com 編輯:麥田守望者

            控件界面布局及控件類型調整
            DevExpress提供了一個很好的LayoutControl控件,一般來說,為了方便,我們都使用它進行相關界面的繪制工作。

            首先,在界面上添加一個LayoutControl控件,然后為了美觀一點,可以設置它的GroupBordersVisible屬性為True,這樣就顯示的時候留下一個很細的框,比較好看些。


            這個控件內部的控件,位置可以通過拖動方式進行調整,對界面的排版來說非常高效,我在Winform框架或者WCF開發框架,以及自己的一些項目中,采用了代碼生成工具Database2Sharp來生成基礎界面(如一行一個控件普通模式),然后用這種方式進行調整,可以調整為一行2個或者多個,實現更符合使用習慣的界面。


            有時候,由于使用代碼生成工具Database2Sharp來生成的Winform界面,很多控件的類型都是文本類型,這樣對實際的輸入肯定不太符合,DevExpress控件也提供了一種方便調整控件類型的操作,就是在控件的右上角的三角圖標上,打開控件的類型調整界面,調整為相應的控件類型即可,如下圖所示。


            在LayoutControl布局中固定控件寬度
            默認的時候,基于LayoutControl里面的控件長度,會隨著屏幕的拉大而變動,有時候可能變得太大而不太好看,由于美觀需要,往往需要調整控件,使其不能超過或者小于一定的長度。


            固定寬度后的真實效果。


            為了使得界面統一性及更好的控制性,我們一般使用LayoutControl布局控件作為我們添加控件的布局容器,但是這個控件默認是對其中的控件進行按窗口比例進行縮放的,有些客戶就不喜歡這些特點,因為他們的顯示器可能是30寸的(夸張一點點,不過很多寬屏的),這樣很多輸入框就會被拉得很長,這樣小小一個輸入框,可能有很長的一段空白的距離,那樣可能真的不好看,如下圖所示。


            設置固定寬度,其實不是很麻煩,需要設置幾個屬性即可:
            1) 設置控件的SizeConstraintsType為DevExpress.XtraLayout.SizeConstraintsType.Custom。
            2)設置控件的FillControlToClientArea 為False。
            3)設置控件的ControlMaxSize的大小(必要時也可以設置ControlMinSize),設置例子如下所示。


            LayoutControl的控件標簽隱藏
            傳統的數據編輯界面,我們一般需要添加一個Label,然后再加一個TextBox或者其他控件,而DevExpress在這方面確實下了不少功夫,引入了一個LayoutControl的控件,該控件可以在你添加一個TextBox等其他控件的時候,自動為你加入一個類似Label的控件,而且布局已經給你設計對齊好,添加幾個可以在一行中放置多列控件,對齊效果也非常好,如果是重新設計界面,省卻不少對齊以及維護Label的屬性。

            其中,有時候輸入某些內容的時候,可能需要修改或者隱藏某一個Lable,那么選中其中指定的LayoutControlItem,然后修改其TextVisible的屬性為False即可不顯示。

            另外,該LayoutControl布局屬性可以設置類似GroupBox的邊界效果(默認不顯示文本和邊界),也可以統一設計在該布局控件內部各種控件的效果,如ReadOnly為True的顯示如何,Enable為False的顯示如何,只需要設置一個地方,就可以統一界面效果了。總之,用起來相當的不錯。

            ------分隔線----------------------------
            標簽(Tag):DevExpress控件
            ------分隔線----------------------------
            推薦內容
            猜你感興趣
            日韩在线av免费视久久