學習紀錄

羨慕網頁語言的css 一套用上程式就變漂亮了嗎 

delphi 其實也有相同的功能，但是介紹的文件卻是相對地少，你可以把他想成是css的方式，因此物件的命名上就是他的唯一識別值了

開始實作Style 

選擇EDIT Custom Style 

可以看到左上的物件結構圖有幾個可以調整的選項(注意以上的屬性不可更名，更正後就不會套用了。畢竟他是名稱對應 我可以把他想成是網頁語言的name

整個Style 的name 對應的是css的owner name ..

//-----------------------------------------------------------------------------------------------------------------//

background - 調整物件背景的動作。

content - 主要顯示區 (以EDIT來講就是文字區塊)

Button - 透過編輯器產生出來的BUTTON 的大小位置在此控制

foregroud- 前景....(這我不太清楚再調整什麼的)

font- 字體的預設大小之類的選項。也可以直接利用原來的物件屬性編輯器來調整。當然如果你本身格式固定就直接靠Style 來做區分即可

prompt- 這是edit的那個說明顯示 同上面的更正方式。

//-----------------------------------------------------------------------------------------------------------------//

ok所以我們先來調整backgroud 

backgroud  的屬性編輯器裡面有一個幾個很重要的屬性是我們主要調整的

以往在使用EDIT上 當我們佇點在這個EDIT的時候 EDIT的邊框會變成藍色。因此 

SourceLink -  尚未被佇點時的樣子

ActiveLink- 佇點後的樣子

點選後會出現一個新的表單

覺得吧藍色了想換別的顏色

我載入了一張網路的新圖，並且我將它選取範圍框住。

注意 1 . 有黃色的框以及藍色的框

1. 黃色的框- 代表著邊界的顯示

2. 藍色的框-代表這Content的顯示

為了避免落差太大 能多精準就多精準。

ok 拉好了後就能回到了剛剛的畫面上

這時我們看到的edit外框已變成了橘色。

套用存檔回到程式畫面

立刻得到了一個新的樣貌。這時候你是一行程式未寫的。

這個style可以大量的複製套用

因此我們將剛剛設定好的EDIT1STYLE1的 STYLE 套用給其他的edit

是不是很方便呢。再來你也可以做更多更多的特效

例如佇點後的變化

佇點後呈現的是淡藍色的 

字體上也有向後推了10pt....

可以輕鬆地達到樣式的複製及套用

當然最棒的是 button 討人厭的淡藍色遮罩就可以拿掉了唷。

更進階的後續 設計Style -2 會說明。