zeKey開発中 : 1月 2017

2017/01/07

StackGrid

exe化されてしまうxamlでは気にはなっていましたがまあいいかと思っていたのですがスキンはテキストなのでGridの冗長さが非常に気になります
簡潔に書けるように StackPanelのような使い勝手の1行(1列)Gridを作りました

    <Grid>
      <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="30" />
        <ColumnDefinition /><!--<ColumnDefinition Width="*" />-->
        <ColumnDefinition Width="2*" />
      </Grid.ColumnDefinitions>
      <Button Content="aaaaa" />
      <Button Grid.Column="1" />
      <Button Grid.Column="2" />
      <Button Grid.Column="3" />
    </Grid>

これが

    <z:StackGrid><!--<z:StackGrid Orientation="Horizontal">-->
      <Button z:StackGrid.Length="Auto" Content="aaaaa" />
      <Button z:StackGrid.Length="30" />
      <Button /><!--<Button z:StackGrid.Length="*" />-->
      <Button z:StackGrid.Length="2*" />
    </z:StackGrid>

こう書けます

メリット

ColumnDefinitions(RowDefinitions)の行を削減できる
Grid.Column="1"等を書かなくて済む

ほとんどの場合セル１つに１つのコントロールでしょうから行数を半分にできます
コントロールの追加や削除の際に数字を変えるのがほんと面倒でした

デメリット

1行または1列限定
Grid.ColumnSpan(RowSpan)に当たるものがない
子要素を重ねられない

1行限定はStackGridなりGridなりを重ねれば済むことが多いと思いますSpanは1行なら使いたいことはまずないはずです
子要素を重ねられないのはやや残念ですが作りこむのが面倒だったのでそういう場面では素直にGridを使ってください

2017/01/01

メモ帳でカスタマイズ

ラベル: スキン作成

スキンファイルはテキストファイルですのでメモ帳やテキストエディタで編集ができます

フルキーボード.xamlを例にメモ帳でも出来る範囲の改造をいくつか紹介します
メモ帳でフルキーボード.xamlを開き編集したら上書き保存をしてzeKeyでリロードします

キートップの文字の変更

Spaceキーの文字をなくしてみます
"Space"を検索します

Content="Space"の部分を削除するか Content=""とします
もちろん Content="スペース"とすればカタカナで表示されます

その下に TypeKey="Space"とありますがそちらはいじってはいけません
TypeKeyはこのボタンが何キーかという指定なので変えるとスペースキーと認識されなくなってしまいます

ちょっと大きすぎて間の抜けたテンキーの＋キーは Content=" + "と両側にスペースを入れると少しはましになるかもしれません

数個のキーを削除する

右Alt Win Ctrlを削除してみます
"RightAlt"を検索します

<z:LRToggleButton Canvas.Left="450"
Canvas.Top="250"
Width="35"
Height="35"
Content="Alt"
TypeKey="RightAlt" />
を丸ごと削除します
そのすぐ下にTypeKey="RWin"とTypeKey="RightCtrl"のz:LRToggleButtonもあるので同様に削除します
フルキーボード.xamlでは各キーは絶対配置（左上座標と幅高さ）での指定なので削除した部分は何もないエリアになります

キーの場所大きさを変える

開いた空間がもったいないのでスペースキー変換キーを大きくしてみます
先ほどのRightAltのすぐ上にそのあたりのキーがあるので Canvas.Top="250"やWidth="35"の数字を大きくしてみてください
位置や大きさが変わるのが確認できると思います
ですがメモ帳で変更を上書き保存→zeKeyでリロードの繰り返し作業であまりにも面倒すぎますね

実際キートップの文字変更以上のことはメモ帳には荷が重いと思いますのでこの次で説明するVisual Studioを使用してください

スキン構造