樣式高級控制元件

# Smart 控制元件使用(樣式高級)

包含高級的樣式設定控制元件。

# 1. TscAdvancedListBox

具有不同樣式和邊框型別、標題、墻紙、透明度和許多高級功能的列表框控制元件。

# 1.1. 屬性

屬性	功能說明
SelectionStyle	樣式選擇。 `scastStyled`：從主題或樣式中選擇點陣圖。 `scastColor`：從主題或風格中選擇顏色。 `scastGlow`：發光效果
SelectionGlow	調整選項的發光樣式
ShowFocusRect	顯示對焦矩形提示環
AlternateRow	如果為 True，則專案使用交替顏色繪製背景
ShowCheckBoxes	設定是否在專案中顯示選擇框
Items	設定集合中的專案
ItemIndex	啟用的專案顯示的序號
ShowItemTitles	設定顯示專案的標題
ItemHeight	專案的高度
HeaderHeight	當含有標題欄時顯示的高度
ShowLines	顯示專案之間的分隔線
LineColor	分隔線的顏色
MouseMoveChangeIndex	如果為 `True`，則 `ItemIndex` 將隨滑鼠變化
TitleFont	專案標題的字型
HeaderFont	專案頭文字的字型
HeaderStyle	專案頭的樣式 `scahsDefault`：使用標題主題或樣式。 `scahsBottomLine`：在透明標題中使用底部線條
HeaderUseStyleColor	如果為 True，那麼標題將使用來自 VCL 樣式的顏色
BorderStyle	設定邊框的樣式
DetailFont	專案中的明細使用的文字字型樣式
ShowItemDetails	如果設定為 `True`，則專案底部將包含詳細資訊的區域
ShowItemProgressBars	在專案中顯示進度條
ItemProgressBarWidth	專案中進度條的寬度，將其設定為 > 0 以獲得自定義寬度
ItemProgressBarHeight	專案中進度條的高度
ItemSpacing	設定專案中圖片與文字的間隔距離
Filter	過濾文字

# 1.2. 事件

事件	說明
OnItemClick	當點選列表中的專案時觸發事件
OnItemCheckClick	當點選專案中的確認框時觸發事件
OnItemButtonClick	當點選專案中的按鈕時觸發事件

# 1.3. 方法

# 1.3.1. BeginUpdateItems

procedure BeginUpdateItems;

呼叫以啟用更新專案。

# 1.3.2. EndUpdateItems

procedure EndUpdateItems;

呼叫以停止更新專案。

# 1.3.3. ScrollToItem

procedure ScrollToItem(Index: Integer);

設定滾動至指定的專案。

# 1.3.4. IndexOfCaption

function IndexOfCaption(const S: string): Integer;

獲取含有文字內容為 S 的專案的索引。

# 1.3.5. IndexOfTitle

function IndexOfTitle(const S: string): Integer;

獲取含有標題內容為 S 的專案的索引。

# 1.3.6. IndexOfDetail

function IndexOfDetail(const S: string): Integer;

獲取含有明細內容為 S 的專案的索引。

# 2. TscAdvancedListItem

位於 TscAdvanceListBox 中的專案。

# 2.1. 屬性

屬性	功能說明
Header	如果此項設定為 `True`，則目前專案將作為頭進行展示
Enabled	專案是否啟用
Title	專案的標題
Caption	專案的文字敘述內容
Checked	選擇框是否設定為已勾選的狀態
Button	使用此屬性啟用和調整專案中的按鈕
Detail	專案的詳細文字描述，會顯示在專案底部
ProgressBar	為專案中的進度條設定 `Min`、`Max` 和 `value` 屬性
Indent	在 `TComboBoxEx` 控制元件中定義專案的偏移量。使用此屬性建立專案樹。

# 2.2. 事件

事件	說明
OnClick	點選選擇的專案時觸發事件
OnCheckClick	點選專案選擇框時觸發事件
OnButtonClick	點選按鈕時觸發事件

# 3. TscAdvancedComboBox

具有不同樣式和邊框型別、標題、墻紙、透明度和許多高級功能的選擇框控制元件。

# 3.1. 屬性

屬性	功能說明
SelectionStyle	樣式選擇。 `scastStyled`：從主題或樣式中選擇點陣圖。 `scastColor`：從主題或風格中選擇顏色。 `scastGlow`：發光效果
SelectionGlow	調整選項的發光樣式
ShowFocusRect	顯示對焦矩形提示環
Style	控制元件的樣式
HideSelection	如果此項設定為 `True`，則將隱藏選項
BottomLineColor	設定當 `Style` 屬性為 `sccbTransparentBottomLine` 時的線條顏色
Items	設定顯示的專案
ItemIndex	活動專案的索引號
ShowItemTitle	設定是否顯示專案的標題
ShowItemText	設定是否顯示專案的文字
ShowItemImage	設定是否顯示專案的圖片

# 3.2. 事件

事件	說明
OnChange	當更改專案索引事件時觸發

# 3.3. 方法

# 3.3.1. BeginUpdateItems

procedure BeginUpdateItems;

呼叫以啟用更新專案。

# 3.3.2. EndUpdateItems

procedure EndUpdateItems;

呼叫以停止更新專案。

# 3.3.3. ScrollToItem

procedure ScrollToItem(Index: Integer);

設定滾動至指定的專案。

# 3.3.4. IndexOfCaption

function IndexOfCaption(const S: string): Integer;

獲取含有文字內容為 S 的專案的索引。

# 3.3.5. IndexOfTitle

function IndexOfTitle(const S: string): Integer;

獲取含有標題內容為 S 的專案的索引。

# 3.3.6. IndexOfDetail

function IndexOfDetail(const S: string): Integer;

獲取含有明細內容為 S 的專案的索引。

# 4. TscHorzListBox

具有水平專案和不同樣式、墻紙、透明度、高級功能的列表框控制元件。

# 4.1. 屬性

屬性	功能說明
SelectionStyle	樣式選擇。 `scastStyled`：從主題或樣式中選擇點陣圖。 `scastColor`：從主題或風格中選擇顏色。 `scastGlow`：發光效果
SelectionGlow	調整選項的發光樣式
ShowFocusRect	顯示對焦矩形提示環
Items	設定顯示的專案
ItemIndex	目前活動專案的索引號
ItemWidth	專案的寬度
MouseMoveChangeIndex	如果設定為 `True`，則 `ItemIndex` 可設定跟隨滑鼠變化
BorderStyle	設定邊框的樣式
BackgroundStyle	設定背景的樣式
ItemLayout	設定專案的佈局型別
SelectionColor	控制元件的自定義選擇顏色
SelectionTextColor	自定義選擇顏色的文字顏色
BalloonHint	設定使用的 `TscBalloonHint` 提示控制元件

# 4.2. 事件

事件	說明
OnItemClick	點選選擇的專案時觸發事件

# 4.3. 方法

# 4.3.1. BeginUpdateItems

procedure BeginUpdateItems;

呼叫以啟用更新專案。

# 4.3.2. EndUpdateItems

procedure EndUpdateItems;

呼叫以停止更新專案。

# 4.3.3. ScrollToItem

procedure ScrollToItem(Index: Integer);

設定滾動至指定的專案。

# 4.3.4. IndexOf

IndexOf(const S: string): Integer;

獲取含有指定文字的專案的索引號。

# 5. TscHorzListItem

專案控制元件 TscHorzListBox 的 Item 專案控制元件。

# 5.1. 屬性

屬性	功能說明
Enabled	設定是否啟用專案
Caption	專案的文字說明
ImageIndex	影象的序號

# 5.2. 事件

事件	說明
OnClick	當點選專案時觸發事件

# 6. TscLinkBar

列表框控制元件的模擬，以鏈接作為專案，包含發光效果和更多的調整方式。

# 6.1. 屬性

屬性	功能說明
SelectionGlow	調整選擇專案的發光效果
Items	專案中包含的集合
ItemIndex	活動專案的序號
ItemHeight	專案的高度
HeaderHeight	當專案中的 `Header` 設定為 `True` 時專案的高度
HeaderFont	頭專案的字型
HeaderStyle	頭專案的樣式。 `scahsDefault`：使用標題主題或樣式。 `scahsBottomLine`：使用底部線
HeaderUseStyleColor	如果設定為 `True` 則頭可使用樣式中的顏色
BorderStyle	邊框的樣式
BackgroundStyle	背景顏色的樣式
ShowTextUnderLine	滑鼠懸停在專案上時顯示文字下劃線
HoldSelectedItem	設定是否按住滑鼠以選擇專案
Spacing	專案中影象和文字之間的間距

# 6.2. 事件

事件	說明
OnItemClick	點選專案時觸發事件

# 7. TscLinkBarItem

TscLinkBar 的專案控制元件。

# 7.1. 屬性

屬性	功能說明
Header	當此屬性設定為 `True` 時表示目前專案為頭
Enabled	設定是否啟用專案
Caption	專案的文字說明
ImageIndex	影象的序號

# 7.2. 事件

事件	說明
OnClick	專案的點選事件

# 8. TscGridView

帶有專案的列表控制元件，放置在網格上並按標題劃分。

# 8.1. 屬性

屬性	功能說明
SelectionStyle	選擇項的樣式。 `scastStyled`：從主題或樣式中選擇點陣圖。 `scastColor`：從主題或樣式中選擇顏色。 `castGlow`:選擇的發光效果
SelectionGlow	調整選擇專案的發光效果
ShowFocusRect	顯示對焦用的矩形提示環
Items	專案中包含的集合
ItemIndex	活動專案的序號
ItemHeight	專案的高度
ItemWidth	專案的寬度
HeaderHeight	當專案中的 `Header` 設定為 `True` 時專案的高度
ShowLines	顯示專案之間的分隔線
LineColor	分隔線的顏色
MouseMoveChangeIndex	如果為 `True`，則 `ItemIndex` 可隨滑鼠變化
HeaderFont	標題項的字型
HeaderStyle	頭專案的樣式。 `scahsDefault`：使用標題主題或樣式。 `scahsBottomLine`：使用底部線
HeaderUseStyleColor	如果設定為 `True` 則頭可使用樣式中的顏色
BorderStyle	邊框的樣式
BackgroundStyle	背景顏色的樣式
ItemLayout	圖片在專案中的位置
SelectionColor	控制元件的自定義顏色（值必須為 `<> clNone`）
SelectionTextColor	自定義選擇顏色的文字顏色

# 8.2. 事件

事件	說明
OnItemClick	點選專案時觸發事件

# 9. TscGridViewItem

TscGridView 的專案控制元件。

# 9.1. 屬性

屬性	功能說明
Header	當此屬性設定為 `True` 時表示目前專案為頭
Enabled	設定是否啟用專案
Caption	專案的文字說明
ImageIndex	影象的序號

# 9.2. 事件

事件	說明
OnClick	專案的點選事件

# 10. TscGridViewComboBox

不同樣式的 ComboBox 控制元件，使用 TscGridView 作為彈出控制元件。

# 10.1. 屬性

屬性	功能說明
SelectionStyle	選擇項的樣式。 `scastStyled`：從主題或樣式中選擇點陣圖。 `scastColor`：從主題或樣式中選擇顏色。 `castGlow`:選擇的發光效果
SelectionGlow	調整選擇專案的發光效果
ShowFocusRect	顯示對焦用的矩形提示環
Style	控制元件的樣式
HideSelection	如果設定為 `True` 則設定隱藏選擇項
BottomLineColor	具有 sccbTransparentBottomLine 樣式的線條顏色
Items	專案
ItemIndex	活動專案索引
ShowItemTitle	顯示專案的標題
ShowItemText	顯示專案的文字
ShowItemImage	顯示專案的圖片
GridViewHeaderUseStyleColor	如果設定為 `True` 則頭可使用樣式中的顏色
GridViewHeaderStyle	頭的樣式
GridViewWidth	表格檢視寬度
GridViewHeight	表格檢視高度
GridViewSelectionStyle	專案選擇框的樣式
GridViewItemHeight	專案的高度
GridViewItemWidth	專案的寬度
GridViewHeaderHeight	專案的頭高度
HeaderFont	專案的頭的字型
SelectionColor	選擇項的顏色
SelectionTextColor	選擇項的文字顏色

# 10.2. 事件

事件	說明
OnChange	切換專案序號時觸發事件

# 10.3. 方法

# 10.3.1. BeginUpdateItems

procedure BeginUpdateItems;

呼叫以啟用更新專案。

# 10.3.2. EndUpdateItems

procedure EndUpdateItems;

呼叫以停止更新專案。

# 10.3.3. IndexOf

IndexOf(const S: string): Integer;

獲取含有指定文字的專案的索引號。

# 11. TscGallery

顯示為帶有標題的圖示庫。

# 11.1. 屬性

屬性	功能說明
SelectionStyle	選擇項的樣式。 `scastStyled`：從主題或樣式中選擇點陣圖。 `scastColor`：從主題或樣式中選擇顏色。 `castGlow`:選擇的發光效果
SelectionGlow	調整選擇專案的發光效果
ShowFocusRect	顯示對焦用的矩形提示環
Items	專案的集合
ItemIndex	活動專案索引
ItemHeight	專案的高度
ItemWidth	專案的寬度
BorderStyle	設定邊框的樣式
BackgroundStyle	設定背景的樣式
ItemLayout	圖片在專案中的位置
ItemMargin	專案中影象和文字的邊距
ItemSpacing	專案中影象和文字之間的間距
SelectionColor	控制元件的自定義選擇顏色（值必須為 <> clNone）
SelectionTextColor	自定義選擇顏色的文字顏色
BalloonHint	專案文字被截斷時的提示元件

# 11.2. 事件

事件	說明
OnItemClick	專案點選事件（使用 ItemIndex 屬性獲取活動專案）

# 12. TscGalleryItem

TscGallery 中的專案子控制元件。

# 12.1. 屬性

屬性	功能說明
Caption	專案文字
ImageIndex	圖片序號

# 12.2. 事件

事件	說明
OnClick	專案點選事件

# 13. TscAdvancedComboEdit

不同風格的編輯控制元件，使用TscAdvancedListBox作為彈出控制元件。

# 13.1. 屬性

屬性	功能說明
SelectionStyle	選擇項的樣式。 `scastStyled`：從主題或樣式中選擇點陣圖。 `scastColor`：從主題或樣式中選擇顏色。 `castGlow`:選擇的發光效果
ListBoxWidth	列表框的寬度
ListBoxHeight	列表框的高度
DropDownCount	彈出列表框中的顯示行數
UseFilter	如果為 True，則編輯文字將作為列表框的過濾器

# 13.2. 事件

事件	說明
OnDropDown	當列表框使用下拉操作時觸發事件
OnCloseUp	列表框的特寫事件

# 13.3. 方法

# 13.3.1. BeginUpdateItems

procedure BeginUpdateItems;

呼叫以啟用更新專案。

# 13.3.2. EndUpdateItems

procedure EndUpdateItems;

呼叫以停止更新專案。

# 13.3.3. IndexOf

IndexOf(const S: string): Integer;

獲取含有指定文字的專案的索引號。

# 14. TscButtonBar

控制元件顯示為含有分段按鈕的面板。

# 14.1. 屬性

屬性	功能說明
Sections	分段按鈕專案的集合，點選可手動新增分段按鈕
SectionIndex	目前活動部分的索引
SectionImages	分段按鈕中影象指定的影象庫控制元件 `TImageList` 的名稱
ItemImages	專案中影象指定的影象庫控制元件 `TImageList` 的名稱
ItemHeight	專案的高度
Font	分段按鈕中顯示的字型
ItemFont	專案中顯示的字型
ButtonStyle	分段按鈕顯示的樣式
ItemStyle	分段中專案的顯示樣式
ItemPanelStyle	放置專案的面板的樣式 `scbpPanel` : 使用 ItemPanelColor 值 `scbpFormBackground`：使用 backhround 作為 TForm
ItemPanelColor	專案面板的顏色。如果您設定 `clWindow` 或 `clBtnFace`，那麼如果您使用經典樣式，控制元件將使用樣式中的顏色
ItemPanelWallpaperIndex	壁紙圖片索引號
WallPapers	`TscImageCollection` 壁紙集合控制元件的名稱
ShowSelectedItem	如果為 True，則控制元件會對選擇的專案保持按下的狀態
SelectFirstItem	如果為 True，則控制元件自動選擇部分中的第一項
ItemAnimation	如果為 True，則專案和按鈕使用動畫效果
ItemGlowEffect	設定專案的發光效果
AllButtonsOnTop	所有按鈕總是在最上面，活動部分的按鈕將位於所有其他按鈕下方

# 14.2. 方法

# 14.2.1. AddItem

procedure AddItem(ASectionIndex: Integer; AItem: TscButtonBarItem);

向分段中新增專案。

# 14.2.2. InsertItem

procedure InsertItem(AItemIndex, ASectionIndex: Integer; AItem: TscButtonBarItem);

向分段指定位置中插入專案。

# 14.2.3. DeleteItem

procedure DeleteItem(ASectionIndex: Integer; AItem: TscButtonBarItem);

從分段中刪除專案。

# 15. TscButtonBarSection

位於 TscButtonBar 中 Section 屬性使用的分段控制元件。

# 15.1. 屬性

屬性	功能說明
ImageIndex	圖片的索引序號
Items	`TscButtonBarItem` 的集合
Spacing	圖片與文字之間的間距
Margin	專案中影象和文字的邊距（-1 - 表示影象與文字處於居中位置）
BGColor	專案面板背景的顏色。如果值 `<> clNone` 則 `TscButtonsBar` 將使用此顏色，如設定為 `clNone` 則使用 `TscButtonsBar.ItemPanelColor`
ItemFontColor	專案字型的顏色。如果值 `<>` clNone 則 `TscButtonsBar` 將使用此顏色，，如設定為 `clNone` 則使用 `TscButtonsBar.FontColor` 樣式中的顏色
ItemGlowColor	專案發光效果的顏色。如果值 `<> clNone` 則 `TscButtonsBar` 將使用此顏色，如設定為 `clNone` 則使用 `TscButtonsBar.ItemGlowEffect` 顏色

# 15.2. 事件

事件	說明
OnClick	當單擊此分段按鈕時觸發事件

# 16. TscButtonBarItem

位於 TscButtonBarSection 中 Item 屬性使用的專案控制元件。

# 16.1. 屬性

屬性	功能說明
ImageIndex	圖片的索引名稱
Caption	專案顯示的文字
Layout	圖片與文字的佈局
Spacing	圖片與文字之間的間距
Margin	專案中影象和文字的邊距（-1 - 居中位置）

# 16.2. 事件

事件	說明
OnClick	當單擊專案時觸發事件

# 17. TscFrameBar

可顯示動態框架，其中包含可隱藏或顯示的框架。

# 17.1. 屬性

屬性	功能說明
Animation	設定是否在打開、關閉界面時顯示動畫效果
ButtonFont	專案中按鈕的字型
ButtonImages	按鈕中顯示的影象
ButtonSpacing	按鈕中影象和文字之間的間距
ButtonMargin	按鈕中影象和文字的邊距
ButtonHeight	按鈕的高度
ButtonStyle	按鈕的樣式
ButtonAnimation	啟用按鈕的動畫樣式
Item	TscFrameBarItems，鏈接頁面的專案集合
CanCloseAll	如果設定為 True 則所有的頁面都可以關閉
CanOpenAll	如果設定為 True 則允許打開多個頁面
ActiveFrameIndex	打開部分的索引（當 `CanOpenAll = False` 時有用）
MouseWheelSupport	啟用滑鼠滾輪滾動。滾動步長是標題高度。

# 17.2. 事件

事件	說明
OnFrameChange	頁面發生變化時觸發事件
OnFrameChanging	頁面將發生變化時

# 17.3. 方法

# 17.3.1. OpenFrame

procedure OpenFrame(Index: Integer);

打開索引 Items[Index] 的頁面。

# 17.3.2. CloseFrame

procedure CloseFrame(Index: Integer);

關閉索引 Items[Index] 的頁面。

# 17.3.3. OpenAllFrames

procedure OpenAllFrames;

打開所有的頁面。

# 17.3.4. CloseAllFrames

procedure CloseAllFrames;

關閉所有的頁面。

# 18. TscFrameBarItem

TscFrameBar 中 Items 屬性指定的集合使用控制元件。需通過設計器進行建立。

# 18.1. 屬性

屬性	功能說明
ImageIndex	圖片的索引序號
Caption	專案的文字說明
Visible	專案是否可見
Enabled	是否啟用專案
FreezeState	專案的凍結狀態

# 18.2. 事件

事件	說明
OnClick	專案按鈕的點選事件
OnFrameCreate	當頁面在建立時觸發事件
OnFrameDestroy	當頁面在備銷燬時觸發事件。您必須在其中定義該幀可以被銷燬(`ACanDestroy = True`) 或可以被隱藏
OnFrameShow	當頁面顯示時觸發事件
OnFrameClose	當頁面關閉時觸發事件

# 19. TscGalleryMenu

在組中的帶有彈出式功能表的影象庫。

# 19.1. 屬性

屬性	功能說明
Items	TscGalleryMenuItem的集合
ItemIndex	活動專案的索引號
Images	專案使用的圖片庫
HeaderStyle	群組頭的樣式
HeaderHeight	群組頭的高度
BackgroundStyle	功能表的背景樣式...
HeaderFont	群組頭顯示的字型
ItemFont	專案的字型
ColumnsCount	專案的列數
ShowSelectedItem	在功能表中顯示所選專案
ShowHints	是否顯示專案的提示
ButtonLeftAlignment	如果為 True，則具有按鈕樣式的專案文字和影象左對齊（預設居中對齊）

# 19.2. 事件

事件	說明
OnItemClick	當專案在點選時觸發事件
OnChange	當專案的索引發生變化時觸發事件
OnMenuPopup	當專案功能表調出時觸發事件
OnMenuClose	當功能表項關閉時觸發事件

# 19.3. 方法

procedure Popup(X, Y: Integer);

從 (X, Y) 位置顯示功能表。

# 19.3.2. PopupExt

procedure PopupExt(X, Y: Integer; AFromTop, AFromRight: Boolean);

從頂部或 [和] 從右側相對 X, Y 座標顯示功能表。

# 20. TscGalleryMenuItem

TscGalleryMenu 中的 Item 專案設定的控制元件。

# 20.1. 屬性

屬性	功能說明
ImageIndex	專案的影象索引
Caption	專案的文字說明(如果為標題或按鈕)
Button	專案按鈕，在這種情況下，專案會以功能表的完整寬度進行繪製
Header	專案的標題
Hint	專案的提示

# 20.2. 事件

事件	說明
OnClick	功能表專案的點選事件

# 21. TscAppPager

頁面控制元件，可作為應用程式的主要控制元件使用。專案可以鏈接到頁面或某些事件。

# 21.1. 屬性

屬性	功能說明
Items	TscAppPagerItem 的集合
ItemGlowEffect	調整專案的發光效果
ShowCaption	設定是否顯示文字
CaptionHeight	字幕顯示區域的高度
CaptionGlowEffect	調整字幕的發光效果
CaptionFont	字幕顯示的字型
CaptionImages	標題字幕使用的影象庫
CaptionImageIndex	標題字幕影象的索引編號
CaptionLayout	圖片和文字在標題中的位置
SelectionStyle	選擇框的樣式... `scapsStyled` - 從主題或樣式中選擇點陣圖 `scapsColor` - 從主題、樣式或自定義中選擇顏色 `scsModern` - Windows 10 UI 風格 `scapsCustomImage` - 來自 TscImageCollection 的自定義影象 `scapsCustomImageOverColor` 來自 TscImageCollection 的自定義影象，將在專案中繪製顏色
Wallpapers	壁紙的合集
CustomImages	元素的自定義影象集合
WallpaperIndex	壁紙圖片索引
CustomBackgroundImageIndex	背景圖片索引
CustomBackgroundOverContentImageIndex	背景影象的索引，將繪製在專案上
ItemWidth	專案的寬度
ItemHeight	專案的高度
ItemImages	專案的圖片
Font	專案的字型
ItemBackgroundColor	專案的背景顏色
ItemHotColor	專案處於熱狀態時顯示的顏色
ItemSelectionColor	專案選項顯示的顏色
ItemSelectionFocusedColor	專案選項被選擇時顯示的顏色
ItemFontHotColor	專案中的字型在處於熱狀態時顯示的顏色
ItemFontSelectionColor	專案中的選項字型的顏色
ItemFontSelectionFocusedColor	專案中的選項字型
ItemHotImageIndex ItemSelectionImageIndex ItemSelectionFocusedImageIndex	選擇項的影象索引
ActivePage	目前的活動頁面
ChangePageWithItemSelection	此屬性設定如何使用鍵盤修改頁面。如果此屬性設定為 `True`，則如果選擇專案，頁面將會被更改。如果此屬性為 `False`，則在所選專案上需按下`enter`或`space`才能打開頁面
CaptionCursor	設定標題的特定游標
CaptionCursorEnabled	設定是否啟用標題的游標
ItemsTopOffset	設定所有專案與頂部的偏移量

# 21.2. 事件

事件	說明
OnChagePage	當頁面發生變化時觸發事件

# 22. TscAppPagerItem

位於 TscAppPage 中的 Item 專案控制元件。

# 22.1. 屬性

屬性	功能說明
Divider	如果為 `True` 則顯示專案間的分隔線
Enabled	設定專案是否可用
Caption	專案顯示的標題內容
ImageIndex	圖片索引
Visible	專案是否可見
Page	頁面的鏈接
Detail	專案的詳細文字，顯示于底部

# 22.2. 事件

事件	說明
OnClick	當點選專案時觸發事件

# 23. TscScrollPanel

含有滾動條特性的面板控制元件。

# 23.1. 屬性

屬性	功能說明
WallPapers	壁紙使用的圖片庫
WallpaperIndex	壁紙使用的圖片庫的圖片索引
CustomImages	附加背景使用的圖片庫
CustomImageIndex	附加背景的影象索引
StyleKind	面板的樣式
Color	scsPanel 樣式的面板顏色
HotScroll	如果為 True，則當滑鼠懸停在滾動按鈕上時開始滾動
ScrollOffset	滾動偏移值。如果 `Value = 0`，則滾動偏移量為客戶端大小
ScrollTimerInterval	滾動條定時器的時間間隔
ScrollType	滾動的方向
TouchScroll	啟用滾動條的觸控相關的設定項
ScrollButtonWidth	滾動按鈕的大小
HorzScrollDirection	水平滾動條的方向：從左到右或者從右到左
VertScrollDirection	垂直滾動條的方向：從上到下或者從下到上

# 24. TscToolPager

帶有選項卡左、右偏移和高級功能的頁面控制元件。

# 24.1. 屬性

屬性	功能說明
Tabs	TscToolPagerTab的集合
TabGlowEffect	調整選項卡的發光效果
Wallpapers	壁紙的影象集合控制元件
CustomImages	元素的自定義影象集合控制元件
WallpaperIndex	壁紙的影象索引序號
CustomBackgroundImageIndex	背景影象的索引，將繪製在標籤上
CustomBackgroundOverContentImageIndex	背景影象的索引，將繪製在標籤上
TabHeight	標籤頁的高度
TabImages	標籤頁使用的影象集合
Font	標籤頁的字型
ActivePage	活動頁面
TabIndex	標籤頁的索引編號
TabsLeftOffset	選項卡從左側的偏移量，可以將任何控制元件放在選項卡之前的左側區域
TabsRightOffset	選項卡右側的偏移量，可將任何控制元件放在選項卡后的右側區域
BorderStyle	頁面框架的邊框樣式 `sctpbsFrame` - 來自主題或樣式的框架 `sctpbsLine` - 1 畫素的線 `sctpbsLine2` - 2 畫素的線
ScrollButtonWidth	滾動按鈕的寬度
MouseWheelSupport	如果為 `True`，則您可以通過滑鼠滾輪更改活動選項卡

# 24.2. 事件

事件	說明
OnChangePage	當頁面發生變化時觸發事件
OnGetTabDrawParams	使用此事件可自定義選項卡字型 (ACanvas.Font)

# 25. TscToolPaperTab

TscToolPaper 中 Tabs 指定的集合。

# 25.1. 屬性

屬性	功能說明
Enabled	是否啟用標籤頁
Caption	標籤頁中顯示的標題
ImageIndex	圖片的索引號
Visible	標籤頁是否可見
Page	頁面的鏈接

# 26. TscToolGroupPanel

工具群組面板。

# 26.1. 屬性

屬性	功能說明
ShowDialogButton	在右下角顯示特殊按鈕來呼叫一些對話方塊
CaptionHeight	標題的高度
StorePaintBuffer	如果為 `True`，則來自 StyleControls VCL 的透明子控制元件將使用特殊的繪畫緩衝區來獲取父影象

# 26.2. 事件

事件	說明
OnDialogButtonClick	對話方塊按鈕的點選事件

# 27. TscAdvancedPager

帶有 TscScrollBox 頁面，以及選項卡和高級功能的左右偏移的頁面控制元件。

# 27.1. 屬性

屬性	功能說明
Tabs	TscAdvancedPagerTab 的集合
TabGlowEffect	調整選項卡的發光效果
Wallpapers	壁紙的相簿集合
CustomImages	元素的自定義影象集合
WallpaperIndex	壁紙圖片的索引
CustomBackgroundImageIndex	背景圖片的索引
CustomBackgroundOverContentImageIndex	背景影象的索引，將繪製在標籤上
TabHeight	選項卡的高度
TabImages	標籤影象
Font	標籤頁的字型
ActivePage	目前的標籤頁面
TabIndex	標籤頁的索引編號
TabsLeftOffset	選項卡從左側的偏移量，可以將任何控制元件放在選項卡之前的左側區域
TabsRightOffset	選項卡右側的偏移量，可將任何控制元件放在選項卡后的右側區域
BorderStyle	頁面框架的邊框樣式 `sctpbsFrame` - 來自主題或樣式的框架 `sctpbsLine` - 1 畫素的線 `sctpbsLine2` - 2 畫素的線
ShowCloseButtons	顯示關閉按鈕
FreeOnClose	如果為 `True`，則 `Tab` 和 `Page` 將在您關閉頁面時被銷燬，否則 `Tab` 和 `Page` 將僅不可見
MouseWheelSupport	如果為 `True`，則您可以通過滑鼠滾輪更改活動選項卡
ShowInactiveTab	如果為 False 則非活動選項卡將是透明的，否則它具有選項卡樣式
ScrollButtonWidth	滾動按鈕的寬度

# 27.2. 事件

事件	說明
OnChangePage	當頁面發生變化時觸發事件
OnClose	設定 `CanClose= True` 時，關閉頁面可觸發事件
OnGetTabDrawParams	使用此事件可自定義選項卡字型 (ACanvas.Font)

# 28. TscAdvancedPagerTab

TscAdvancedPager 中 Tabs 指定的集合。

# 28.1. 屬性

屬性	功能說明
Enabled	是否啟用標籤頁
Caption	標籤頁中顯示的標題
ImageIndex	圖片的索引號
Visible	標籤頁是否可見
Page	頁面的鏈接

# 29. TscAdvancedTabControl

帶有左、右偏移選項卡和高級功能的選項卡控制元件。

# 29.1. 屬性

屬性	功能說明
Tabs	TscAdvancedTabControlTabs 的集合
TabGlowEffect	調整選項卡的發光效果
TabHeight	選項卡的高度
TabImages	標籤影象
Font	標籤頁的字型
ActivePage	目前的標籤頁面
TabIndex	標籤頁的索引編號
TabsLeftOffset	選項卡從左側的偏移量，可以將任何控制元件放在選項卡之前的左側區域
TabsRightOffset	選項卡右側的偏移量，可將任何控制元件放在選項卡后的右側區域
BorderStyle	頁面框架的邊框樣式 `sctpbsFrame` - 來自主題或樣式的框架 `sctpbsLine` - 1 畫素的線 `sctpbsLine2` - 2 畫素的線
ShowCloseButtons	顯示關閉按鈕
DeleteOnClose	如果為 `True`，則 `Tab` 將在您關閉它時被刪除，否則 `Tab` 只會不可見
MouseWheelSupport	如果為 `True`，則您可以通過滑鼠滾輪更改活動選項卡
ShowInactiveTab	如果為 False 則非活動選項卡將是透明的，否則它具有選項卡樣式
ScrollButtonWidth	滾動按鈕的寬度
BackgroundColor	客戶區的顏色
BackroundStyle	選項卡控制元件的客戶區樣式

# 29.2. 事件

事件	說明
OnChangePage	當頁面發生變化時觸發事件
OnClose	設定 `CanClose= True` 時，關閉頁面可觸發事件
OnGetTabDrawParams	使用此事件可自定義選項卡字型 (ACanvas.Font)

# 30. TscAdvancedTabControlTab

TscAdvancedTabControl 中 Tabs 指定的集合。

# 30.1. 屬性

屬性	功能說明
Enabled	是否啟用標籤頁
Caption	標籤頁中顯示的標題
ImageIndex	圖片的索引號
Visible	標籤頁是否可見

# 31. TscPageViewer

簡單的頁面控制元件，只做頁面切換。

# 31.1. 屬性

屬性	功能說明
Pages	`TscPageViewerItem` 的集合。使用 `TscPageViewerItem.Page` 屬性獲取專案的頁面，元件使用此集合獲取頁面索引，您還可以使用集合編輯器新增、刪除或重新排序專案（頁面）
PageIndex	集合中頁面的索引
ActivePage	目前處於啟用狀態的頁面

# 31.2. 事件

事件	說明
OnChangePage	當頁面發生變化時觸發事件

# 32. TscSplitView

一個可打開和關閉的頁面控制元件。

# 32.1. 屬性

屬性	功能說明
Placement	控制元件在父控制元件中所處的位置
DisplayMode	顯示模式。`scsvmOverlay` - 在打開狀態下控制父級上的其他控制元件 `scsvmDocked` - 在打開狀態下控制抵消父級上的其他控制元件
CompactWidth	關閉狀態下的寬度，如果寬度設定為 0，則控制元件不可見
CompactHeight	關閉狀態下的高度，如果高度設定為 0，則控制元件不可見
OpenedWidth	打開狀態下的寬度。（`scsvpLeft`，`scsvpRight` 方式放置）
OpenedHeight	打開狀態下的高度。（`scsvpTop`、`scsvpBottom` 放置）
Opened	如果為 `True`，則控制元件將與 `Width = OpenedWidth` 或 `Height = OpenedHeight` 的其他控制元件重疊
Animation	啟用打開/關閉動畫
HideControls	如果為 `true`，則當 `Opened = False` 時，可見控制元件將被隱藏
AnimationStep	在動畫循環中控制元件增加的步長
GripSize	如果 `Value > 0` 那麼您可以在打開狀態下調整控制元件的大小。 `GripSize` 值從控制元件的右側或底部定義捕獲區域以調整其大小
OpenedMinWidth OpenedMaxWidth OpenedMinHeight OpenedMaxHeight	尺寸限制的值，當您使用 `GripSize > 0` 更改尺寸時可使用
AnimationType	`scsvaInertial` - 帶慣性的動畫 `scsvaLinear` - 帶 `AnimationStep` 的線性動畫

# 32.2. 事件

事件	說明
OnOpening	當頁面在打開時觸發事件
OnOpened	當頁面在打開后觸發事件
OnClosing	當頁面在關閉前觸發事件
OnClosed	當頁面在關閉后觸發事件

# 32.3. 方法

# 32.3.1. Open

procedure Open;

呼叫此方法以打開控制元件。

# 32.3.2. Close

procedure Close;

呼叫此方法以關閉控制元件。

# 33. TscModernSplitView

用於建立 Windows 10 現代應用程式特性的 SplitView 控制元件。它可以與具有特殊屬性和方法的 TscButton、TscPageViewer 和 TscSplitView 控制元件互動。

# 33.1. 屬性

屬性	功能說明
PageViewer	顯示頁面的頁面控制元件。控制元件自動儲存瀏覽歷史
BottomSplitView	底部的可分割面板控制元件名稱，控制元件可自動控制實現關閉

# 33.2. 事件

事件	說明
OnShowBackButton	使用此事件可顯示或啟用具有"後退"功能的按鈕
OnHideBackButton	使用此事件隱藏或禁用具有"後退"功能的按鈕

# 33.3. 方法

# 33.3.1. OpenPage

procedure OpenPage(APageIndex: Integer; AButton: TscButton);

呼叫此方法在 PageViewer 控制元件中打開頁面並將某些按鈕鏈接到頁面。控制元件會自動顯示和隱藏 PageViewer 控制元件。此操作將新增到瀏覽歷史記錄中。

將 TscButton 控制元件放入 TscModernSplitView 並調整它們的樣式和顏色。使用 TscButton.OnClick 事件呼叫 OpenPage 方法。設定 TscButton.GroupIndex 屬性以獲得一組按鈕，這些按鈕可以打開頁面。

# 33.3.2. Back

procedure Back;

呼叫此方法以執行瀏覽歷史記錄中的先前操作。

# 33.3.3. CloseAll

procedure CloseAll;

呼叫該方法關閉控制元件、PageView 控制元件和 BottomSplitView 控制元件。

# 34. TscSwitch

可顯示為不同風格的開關控制控制元件。

# 34.1. 屬性

屬性	功能說明
State	開關的狀態(`scswOff`、`scswOn`)
StyleKind	樣式種類開關： `scswsStyled`：控制元件使用樣式中的元素。 `scswsColor`：控制元件使用框架和預覽圖的顏色，使用現代響應式風格。 `scswsCustomImage`：控制元件使用自定義影象作為框架和縮圖。
Animation	如果設定為 `True`，則 `State` 屬性會跟隨動畫而改變
ThumbColor ThumbOnColor ThumbPressedColor	縮圖的顏色
FrameColor FrameOnColor FramePressedColor	框架的顏色
ThumbWidth	縮圖的畫素寬度
CustomImages	開關控制元件顯示的自定義圖片
FrameImageIndex FrameImageOnIndex FrameImagePressedIndex	不同框架狀態的自定義圖片索引
ThumbImageIndex ThumbImageOnIndex ThumbImagePressedIndex	縮圖影象的自定義圖片索引

# 34.2. 事件

事件	說明
OnChangeState	狀態屬性更改時觸發事件

# 34.3. 方法

# 34.3.1. IsOn

function IsOn: Boolean;

使用此方法可檢查開關狀態是否為 scswOn。

# 35. TscToggleSwitch

具有焦點、標題和不同樣式型別的開關切換控制元件。

# 35.1. 屬性

屬性	功能說明
State	開關的狀態(`scswOff`、`scswOn`)
StyleKind	樣式種類開關： `scswsStyled`：控制元件使用樣式中的元素。 `scswsColor`：控制元件使用框架和預覽圖的顏色，使用現代響應式風格。 `scswsCustomImage`：控制元件使用自定義影象作為框架和縮圖。
Animation	如果設定為 `True`，則 `State` 屬性會跟隨動畫而改變
ThumbColor ThumbOnColor ThumbPressedColor	縮圖的顏色
FrameColor FrameOnColor FramePressedColor	框架的顏色
ThumbWidth	縮圖的畫素寬度
CustomImages	開關控制元件顯示的自定義圖片
FrameImageIndex FrameImageOnIndex FrameImagePressedIndex	不同框架狀態的自定義圖片索引
ThumbImageIndex ThumbImageOnIndex ThumbImagePressedIndex	縮圖影象的自定義圖片索引
SwitchWidth	切換器的寬度
SwitchHeight	切換器的高度
CaptionOn	處於 `On` 狀態時顯示的文字
CaptionOff	處於 `Off` 狀態時顯示的文字
ShowCaption	顯示、隱藏文字

# 35.2. 事件

事件	說明
OnChangeState	狀態屬性更改時發生的事件

# 35.3. 方法

# 35.3.1. IsOn

function IsOn: Boolean;

使用此方法可檢查開關狀態是否為 scswOn。

# 36. TscRelativePanel

允許您相對於面板本身，或相對於此面板上的其他子控制元件，來定位子控制元件的面板控制元件

# 36.1. 屬性

屬性	功能說明
ControlCollection	`TscRelativePanelControlItem` 的集合，它鏈接到面板上的控制元件並具有高級屬性來調整此控制元件的位置

# 37. TscRelativePanelControlItem

TscRelativePanel 中 ControlCollection 屬性的本身。

# 37.1. 屬性

屬性	說明
Control	面板控制與調整
Above,Below,LeftOff,RightOff	面板上的其他控制元件，將定義專案控制元件的位置（在此控制元件上方，此控制元件下方，此控制元件的左側，此控制元件的右側）
AlignHorizontalCenterWithPanel AlignVerticalCenterWithPanel AlignTopWithPanel AlignBottomWithPanel AlignLeftWithPanel AlignRightWithPanel	定義面板客戶區控制元件的相對位置
AlignLeftWith AlignTopWith AlignRightWith AlignBottomWith AlignHorizontalCenterWith AlignVerticalCenterWith	面板上的其他控制元件，將定義專案控制元件相對於其位置的對齊方式

# 38. TscGridPanel

標準 TGridPanel 的完全模擬，但繼承自 TscPanel（具有不同的邊框、背景和墻紙樣式）。

# 39. TscActivityIndicator

動畫活動指示器控制元件。

# 39.1. 屬性

屬性	說明
Active	如果為 True 則動畫處於啟用狀態
IndicatorColor	指標的顏色值。例如，如果您設定 `Color = clBtnText`，那麼該值將自動來自樣式。您還可以設定任何自定義顏色，例如 `clRed`。
Kind	指示器的型別

# 40. TscHtmlLabel

標籤控制元件，支援標題中的html標籤。

# 40.1. 屬性

屬性	說明
Caption	Caption可以有html標籤，比如：`<a>,<a href="somelink"></a>` `<font size=xxx, color=yyy, bgcolor=zzz></font>` `<br>`, `<b></b>,<i></i>`, `<s></s>,<u></u>` 顏色值可以是整數值、十六進制值和字串值（橙色、藍色、紅色、綠色...）。size=xxx、color=xxx、bgcolor=xxx、href= 等表達式必須沒有空格。例子： `<font color=orange><b>TscHtmlLabel:</b></font><br>` `<font color=red>請</font>訪問<b>我們的網站</b><br>地址：<a href="http://isoface.net">isoface.net< /a><br>或<font color=white bgcolor=red><i>此演示</i></font>中的<a>關於</a>頁面！`
AutoSizeWidth	是否可以自動調整寬度
AutoSizeHeight	是否可以自動調整高度
LinkFontNormal	正常狀態下的鏈接字型
LinkFontHover	滑鼠懸停狀態下的鏈接字型
MaxWidth	控制元件的最大寬度
TextAlignment	文字的對齊方式
AutoExecuteURL	如果為 `True`，則控制元件將自動呼叫具有 `href` 值的 `ShellExecute` 方法

# 40.2. 事件

事件	說明
OnLinkClick	鏈接的點選事件
OnHeightChanged	標籤改變高度時觸發事件
OnWidthChanged	標籤改變寬度時觸發事件

# 41. TscExPanel

面板控制元件，可水平或垂直移動。

# 41.1. 屬性

屬性	說明
Caption	控制元件中顯示的文字
BackgroundStyle	控制元件背景的樣式。可以將 `Color` 屬性與 `scexbgsPanel` 樣式一起使用。
RollKind	此屬性可定義控制元件是以水平或垂直方式進行滾動
RollUpState	如果設定為 `True`，則面板處於上滾狀態
ShowFrame	是否顯示面板的界面
RealWidth RealHeight	`RollUpState = False` 時的寬度和高度使用 `RollKind = scrkRollHorizontal` 面板使用 `RealWidth` 值 `RollKind = scrkRollVertical` 面板使用 `RealHeight` 值
ShowRollButton	顯示可更改 `RollUpState` 的按鈕
ShowCloseButton	顯示按鈕以將控制元件的 `Visible` 更改為 `False`
CaptionHeight	標題欄顯示的高度，此值定義了 `RollUpState = true` 時控制元件的大小
CaptionImages	標題的影象列表控制元件
CaptionImageIndex	標題的影象索引
Spacing	圖文的間距
Moveable	如果為 `True`，則您可以通過滑鼠移動帶有標題的面板（與表單一樣）
Sizeable	如果為 `True`，那麼您可以使用滑鼠更改面板大小（與表單一樣）
MovingInParentСlientBounds	如果為 `True`，那麼當您移動控制元件時，它只能在父客戶區移動
StorePaintBuffer	如果為 `True`，則來自樣式的透明子控制元件將使用特殊的繪畫緩衝區來獲取父影象。
HeaderStyle	標題頭的樣式
HeaderColor	`TscExPanelHeaderStyle = scexphsColor` 時的顏色值
ButtonGlyphColor	按鈕字形顏色
ChangeRollStateWithCaptionClick	通過單擊標題啟用滾動狀態更改。
BorderWidth	邊框寬度，它定義了調整控制元件大小的邊框（Sizeable = True）和客戶區
FrameColor	界面的顏色
ShowFrame	隱藏/顯示界面
HorzRollButtonPosition	滾動按鈕在水平模式下的位置

# 42. TscListGroupPanel

面板控制元件，外觀類似於列表框組。

# 42.1. 屬性

屬性	說明
Caption	標題欄顯示的文字
HeaderHeight	標題欄區域的高度
HeaderAutoColor	如果為 `True`，則標題文字的顏色將根據目前主題和樣式自動計算
HeaderMargin	標題文字的邊距
HeaderFont	標題文字的字型
GroupColor	組(客戶區)的顏色
GroupColorAlpha	組顏色的 Alpha 值
RowCount	組中的虛擬行數
RowLineMargin	行線邊距
TransparentBackground	如果為 `True`，則標題區域將是透明的
RowHeight	行的高度。（如果 value = 0 則行高將是自動的）
AutoSize	如果 `True` 且 `RowHeight <> 0` 那麼高度將是 `RowHeight * RowCount + HeaderHeight`
StorePaintBuffer	如果為 `True`，則來自樣式的透明子控制元件將使用特殊的繪畫緩衝區來獲取父影象。

← 樣式外觀控制元件樣式工具控制元件→