發佈了 日期選擇控件DatePicker、固點層WFD For VS2005 !^OO^

下載:http://download.csdn.net/source/202666 內有 Readme.doc 詳細說明。

 

 

日期控件 DatePicker

 

功能說明:

1. 全面的樣式           --- 樣式定義全面(幾乎包括所有項)。

2. 文字字符               --- 可自定義按鈕、日曆月份、日曆星期、日曆週上顯示的文字字符。

3. 日期格式排版       --- 支持日期編輯框自定義格式更改。

4. 全面的日期輸入   --- 支持日期編輯框鍵盤數字輸入,

支持年月日選擇,鍵盤方向左右鍵(年月日順序)、鼠標點選,

支持年月日增減,鍵盤方向上下鍵、鼠標中鍵翻滾。

5. 日曆年份排版       --- 支持日曆中年份顯示自定義格式更改。

6. 空日期格式          --- 支持空日期格式。

7. 樣式選擇               --- 支持樣式方案快捷選擇(目前2種)。

8. 設計時外觀          --- 可變更設計時外觀。

9. 日曆位置               --- 可自定義日曆與日期框之間的距離。

10. 支持 Css             --- 擴展了更多的樣式定義,如圖形化界面。

 

 

 

 

全面的樣式

DatePicker 控件是由 日期輸入框 日曆選取框 兩個部分組成的。該兩部分樣式均可定義。

1. 日期輸入框

   屬性分部圖如下:

  

 

日期編輯樣式:

DateEditStyle 屬性

ButtonStyle 屬性

DatePickerStyle 屬性

 

2. 日曆選取框

 樣式屬性分部圖如下:

 

 

日曆樣式:

CalendersStyle 屬性

 

日曆年份樣式:

YearButtonHeight 屬性,定義年份按鈕的高度。

YearButtonWidth 屬性,定義年份按鈕的寬度。

CalenderNextYearStyle 屬性

CalenderNextYearOverStyle 屬性,定義年份按鈕停留時的樣式

CalenderPrevYearStyle 屬性

CalenderPrevYearOverStyle 屬性

CalenderYearStyle 屬性

 

日曆月份樣式:

CalenderMonthsStyle 屬性

CalenderMonthJanuaryStyle 屬性,一月

CalenderMonthJanuaryOverStyle 屬性

CalenderMonthFebruaryStyle 屬性,二月

CalenderMonthFebruaryOverStyle 屬性

CalenderMonthMarchStyle 屬性,三月

CalenderMonthMarchOverStyle 屬性

CalenderMonthAprilStyle 屬性,四月

CalenderMonthAprilOverStyle 屬性

CalenderMonthMayStyle 屬性,五月

CalenderMonthMayOverStyle 屬性

CalenderMonthJuneStyle屬性,六月

CalenderMonthJuneOverStyle屬性

CalenderMonthJulyStyle屬性,七月

CalenderMonthJulyOverStyle屬性

CalenderMonthAugustStyle屬性,八月

CalenderMonthAugustOverStyle屬性

CalenderMonthSeptemberStyle屬性,九月

CalenderMonthSeptemberOverStyle屬性

CalenderMonthOctoberStyle屬性,十月

CalenderMonthOctoberOverStyle屬性

CalenderMonthNovemberStyle屬性,十一月

CalenderMonthNovemberOverStyle屬性

CalenderMonthDecemberStyle屬性,十二月

CalenderMonthDecemberOverStyle屬性

CanenderSelectorMonthStyle屬性, 定製停留時的月份樣式。

CanenderSelectedMonthStyle 屬性,定製當前日期的月份樣式。

CanenderTodayMonthStyle屬性,定製今天日期的月份樣式。

 

日曆周樣式:

CalenderWeekHeaderStyle 屬性

CalenderWeekStyle 屬性

 

日曆星期樣式:

CalenderWeekSundayStyle 屬性,星期日

CalenderWeekMondayStyle 屬性,星期一

CalenderWeekTuesdayStyle 屬性,星期二

CalenderWeekWednesdayStyle 屬性,星期三

CalenderWeekThursdayStyle 屬性,星期四

CalenderWeekFridayStyle 屬性,星期五

CalenderWeekSaturdayStyle 屬性,星期六

 

日曆日樣式:

CalenderDaysStyle屬性

CalenderDayStyle屬性

CalenderWeekendDayStyle屬性,定製周未的樣式。

CalenderOtherMonthDayStyle屬性,定製其它月份不可選擇的樣式。

CalenderSelectedDayStyle 屬性,定製當前日期的天的樣式。

CalenderSelectorDayStyle 屬性,定製選擇時的樣式。

CalenderSelectorDayOverStyle 屬性,定製選擇時停留的樣式。

CalenderTodayDayStyle 屬性,定製今天的樣式。

日曆按鈕樣式:

CalenderButtonsStyle 屬性

CalenderButtonClearStyle 屬性,清空按鈕。

CalenderButtonClearOverStyle 屬性

CalenderButtonTodayStyle 屬性,今天按鈕。

CalenderButtonTodayOverStyle 屬性

CalenderButtonConfirmStyle 屬性,確定按鈕。

CalenderButtonConfirmOverStyle 屬性

CalenderButtonCloseStyle 屬性,關閉按鈕。

CalenderButtonCloseOverStyle 屬性

 

 

 

按鈕文字

配合樣式屬性可達到更多的效果。可改變的文字主要分佈在:

 

1. 日期編輯框

日期編輯樣式:

ButtonText 屬性,激活日曆選取框的按鈕文字,默認“6,配合 ButtonStyle 樣式可達到很多效果。

                如:ButtonStyle.Font.Name = Webdings”,即可呈現“

 

2. 日曆選取框

日曆年份樣式:

CalenderNextYearText 屬性,

CalenderPrevYearText 屬性,

 

日曆月份樣式:

CalenderMonthText 屬性,包括十二個月份的文字字符定義。

 

日曆周樣式:

CalenderWeekHeaderText 屬性,默認“周”

 

日曆星期樣式:

CalenderWeekDayText 屬性,包括各星期的文字字符定義。

 

日曆按鈕樣式:

CalenderButtonText 屬性,包括清空、今天、確定、關閉四個功能按鈕的文字字符定義。

 

 

 

日期格式排版

日期編輯框非固定格式。可自定義日期編輯框進行人性化的日期編輯。

日期編輯樣式:

DateEditFormat 屬性,

設置日期框中日期的編輯格式,默認“YYYYMMDD日”。其中 YYYY 代表年、MM 代表月、DD 代表日,在設置此屬性時必需存在。

         如,“YYYYMMDD日”,呈現 20070629

                 DD – MM – YYYY”,呈現 29 – 06 – 2007

 

 

 

 

全面的日期輸入

支持日期編輯框鍵盤數字輸入,

支持年月日選擇,鍵盤方向左右鍵(年月日順序)、鼠標點選,

支持年月日增減,鍵盤方向上下鍵、鼠標中鍵翻滾

在默認格式編輯狀態(DateEditFormat = YYYYMMDD日”)下,如下圖:

 

 

 

 

日曆年份排版

日曆年份樣式:

YearFormat 屬性,

設置日曆中年份顯示的樣式,默認“YYYY年”。其中 YYYY 代表年,在設置此屬性時必需存在。

        如,“YYYY年”,呈現 2007年、“Year YYYY”,呈現 Year 2007

 

 

 

空日期格式

日期編輯格式:

DateIsDateNow 屬性,日期編輯框中值爲空時,是否用當前(今天)日期替換,

即日期編輯框中就否存在空字符形式。默認(False)。

 

 

 

 

樣式選擇

在加入頁面的 DatePicker 控件上右鍵,在菜單中選擇“自動套用格式”,出現樣式方案選擇對話框。可選擇“默認”、“灰”、“藍”。如下圖:

 

 

 

 

設計時外觀

在設計時,控件的樣式可分兩種模式顯示:

1. 日曆設計模式( 默認 )CalendersVisible 屬性的值爲 False

  在此模式下,當改變日曆的某項外觀樣式屬性時,即可呈顯所需樣式,便於設計。

 

2. 簡約設計模式,CalendersVisible 屬性值改爲 True

  此模式也稱 運行設計模式,因爲此模式樣式即爲頁面運行後的樣式。

  在此模式下,以便於在整個頁面設計上控件的排置。

 

如圖:

 

 

 

 

日曆位置

日曆選取框的相對(日期編輯框)位置可改變。

X 屬性,水平方向,值爲整數值,可爲負值。默認爲“0

Y 屬性,垂直方向,值爲整數值,可爲負值。默認爲“0

XY均爲默認值時,日期編輯框與日曆水平方向齊平、垂直方向間隔爲1px.

如:X = 10Y=10

 

 

 

支持 Css

爲了達到更多的效果,主要針對圖形化界面,因而採用了 CSS

但是,由於 DOCTYPE 的緣故,在使用 CSS 進行樣式定義的時候某此屬性需進行樣式定義。

如:

日期編輯樣式項中的 ButtonStyle DateEditStyle DatePickerStyle 屬性進行 CssClass 值設置,可能需要對該樣式中的其它樣式屬性值進行設置。

例:對ButtonStyle 進行圖形化(如下圖),

 

 

 

 

 

固定層控件 Wfd

 

功能說明:

實現層中的內容固定在頁面的位置。

Position 屬性,包括 全屏、

左上角、上居中、右上角、

左居中、居中(默認)、右居中、

左下角、下居中、右下角

               10個位置。

X 屬性,可根據 Position 屬性進行相對水平偏移設置。(默認0

Y 屬性,可根據 Position 屬性進行相對垂直偏移設置。(默認0

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章