Delphi / C++Builder で追加されたStyleとその他を紹介するよ

  • 2
    いいね
  • 0
    コメント

Delphi Advent Calendar 2016 12月16日の記事です

Delphi アドベントカレンダー向けに、エンバカデロ デベロッパーキャンプのLTにて話した内容を載せようと画策しておりましたが、なんと、LTへの参加お申込み多数に付き、私の出番はなく、LTコンテンツも今回は作っていない、ということになりました…

そこで、デブキャンでお見せした Berlin Update 2 アニバーサリーエディション で追加されたスタイルを紹介いたします。これらスタイルを使ったUIスタイルの変更方法はこちらのブログエントリをご参照ください。

image

VCL向け、FireMonkey向けにそれぞれに新Styleを追加しました

  • New VCL Styles
    • Windows 10 Dark Blue
    • Windows 10 Purple
    • Windows 10 Green
  • New FireMonkey Styles
    • Windows 10 Slate Gray
    • Windows 10 Purple
    • Windows 10 Green

そしてデブキャンでこの新スタイルを紹介している時にこんなツイートが…

うん、そうだね!
だからVCL向けの全スタイル一覧をつくりました!
2016年12月16日現在の全49種、ここに一挙掲載!
UIキャプチャ付き!
どんなスタイルにするか決め兼ねている時に参考にしてね!

VCLスタイル、Update2追加分も含めて全紹介!

1 2 3 4
N 1.Amakrits 2.Amethyst Kamri 3.Aqua Graphite 4.Aqua Light Slate
S 1Amakrits.png 2Amethyst Kamri.png 4Aqua Graphite.png 4Aqua Light Slate.png
N 5.Auric 6.Carbon 7.Charcoal Dark Slate 8.Cobalt XEMedia
S 5Auric.png 6Carbon.png 7Charcoal Dark Slate.png 8Cobalt XEMedia.png
N 9.Copper 10.CopperDark 11.Coral 12.Cyan Dusk
S 9Copper.png 10CopperDark.png 11Coral.png 12Cyan Dusk.png
N 13.Cyan Nigh 14.Diamond 15.Emerald 16.Emerald Light Slate
S 13Cyan Night.png 14Diamond.png 15Emerald.png 16Emerald Light Slate.png
N 17.Glossy 18.Glow 19.Golden Graphite 20.Iceberg Classic
S 17Glossy.png 18Glow.png 19Golden Graphite.png 20Iceberg Classico.png
N 21.Jet 22.Lavender Classico 23.Light 24.Luna
S 21Jet.png 22Lavender Classico.png 23Light.png 24Luna.png
N 25.Metropolis UI Black 26.Metropolis UI Blue 27.Metropolis UI Dark 28.Metropolis UI Gree
S 25Metropolis UI Black.png 26Metropolis UI Blue.png 27Metropolis UI Dark.png 28Metropolis UI Green.png
N 29.Obsidian 30.Onyx Blue 31.Radian 32.Ruby Graphite
S 29Obsidian.png 30Onyx Blue.png 31Radiant.png 32Ruby Graphite.png
N 33.Sapphire Kamri 34.Silver 35.Sky 36.Slate Classico
S 33Sapphire Kamri.png 34Silver.png 35Sky.png 36Slate Classico.png
N 37.Smokey Quartz Kamri 38.Sterling 39.Tablet Light 40.TabletDark
S 37Smokey Quartz Kamri.png 38Sterling.png 39Tablet Light.png 40TabletDark.png
N 41.Turquoise Gray 42.Vapor 43.Windows 44.Windows10
S 41Turquoise Gray.png 42Vapor.png 43Windows.png 44Windows10.png
N 45.Windows10 Blue 46.Windows10 Dark
S 45Windows10 Blue.png 46Windows10 Dark.png
N 47.Windows10 Green 48.Windows10 Purple 49.Windows10 SlateGray
S 47.Update2追加分Windows10 Green.png 48.Update2追加分Windows10 Purple.png 49.Update2追加分Windows10 SlateGray.png

まとめ

  • Diamondがライト系では使いやすそう
  • Carbonもダーク系では使いやすそう
  • Cobalt XEMediaが最も黒いか
  • Tablet Lightが最も白いのか
  • Windows10 Purpleの出番はあるのか
  • デブキャンの時、New VCL Styles としてWindows 10 Dark Blueが追加とプレゼンに記載したが、どうも Windows10 SlateGrayの間違い(実際に追加されているのがWindows10 SlateGray)
  • 49個のスナップショットを取得するのは元気がなくなる
  • 49個のスナップショットをスタイル名称と合わせてQiitaに表にして張り付けるのはもっと元気がなくなる
  • Lightのスナップショット取得ミスってるけど許してください

関連リンク

エンバカデロ日本人ブログ: 簡単にUIの印象を変える方法 - Styleの適用 - FireMonkey と VCL
エンバカデロ日本人ブログ: 今更ながら VCLとFireMonkey向けボーナス スタイル パックのお話し
Docwiki: FireMonkey スタイルの編集
Dockwiki: VCL スタイルの概要

これより下、縮小無の全リスト

以下、スナップショットを羅列したもの。どうしても大きな画像で見たい方のみご覧ください。

1.Amakrits

Amakrits.png

2.Amethyst Kamri

Amethyst Kamri.png

3.Aqua Graphite

Aqua Graphite.png

4.Aqua Light Slate

Aqua Light Slate.png

5.Auric

Auric.png

6.Carbon

Carbon.png

7.Charcoal Dark Slate

Charcoal Dark Slate.png

8.Cobalt XEMedia

Cobalt XEMedia.png

9.Copper

Copper.png

10.CopperDark

CopperDark.png

11.Coral

Coral.png

12.Cyan Dusk

Cyan Dusk.png

13.Cyan Night

Cyan Night.png

14.Diamond

Diamond.png

15.Emerald

Emerald.png

16.Emerald Light Slate

Emerald Light Slate.png

17.Glossy

Glossy.png

18.Glow

Glow.png

19.Golden Graphite

Golden Graphite.png

20.Iceberg Classico

Iceberg Classico.png

21.Jet

Jet.png

22.Lavender Classico

Lavender Classico.png

23.Light

Light.png

24.Luna

Luna.png

25.Metropolis UI Black

Metropolis UI Black.png

26.Metropolis UI Blue

Metropolis UI Blue.png

27.Metropolis UI Dark

Metropolis UI Dark.png

28.Metropolis UI Green

Metropolis UI Green.png

29.Obsidian

Obsidian.png

30.Onyx Blue

Onyx Blue.png

31.Radiant

Radiant.png

32.Ruby Graphite

Ruby Graphite.png

33.Sapphire Kamri

Sapphire Kamri.png

34.Silver

Silver.png

35.Sky

Sky.png

36.Slate Classico

Slate Classico.png

37.Smokey Quartz Kamri

Smokey Quartz Kamri.png

38.Sterling

Sterling.png

39.Tablet Light

Tablet Light.png

40.TabletDark

TabletDark.png

41.Turquoise Gray

Turquoise Gray.png

42.Vapor

Vapor.png

43.Windows

Windows.png

44.Windows10

Windows10.png

45.Windows10 Blue

Windows10 Blue.png

46.Windows10 Dark

Windows10 Dark.png

47.Windows10 Green

Update2追加分
Windows10 Green.png

48.Windows10 Purple

Update2追加分
Windows10 Purple.png

49.Windows10 SlateGray

Update2追加分
Windows10 SlateGray.png