zeKey開発中 : 2016

2016/12/31

スキン作成時の注意点

トグルボタンはFocusable="False"にセットする

<ToggleButton Focusable="False"/>

スキンを開いた直後等キーボードフォーカスが他のウィンドウにない状態の時
トグルボタンを押した後エンターキーやスペースキーでトグルボタンが押されてしまう
トグルボタンの動作としては合っているがソフトキーボードとしては余計な動作なのでFalseに設定し無効にする
z:LRToggleButtonはデフォルトでFalseになっているので設定不要

ControlTemplateにTargetTypeがない時のTemplateBinding

'System.NotSupportedException'
'System.Xaml.XamlObjectWriterException' が出るが普通に動いている気がする
RelativeSource TemplatedParentにするか TargetType指定で消えた

ResourcesのSolidColorBrushはソートし表示される

x:Keyの名前順にソートするのでそれを踏まえて名前を付けていただくと見やすくなります
スペースも許容されるので利用してください

エスケープ

xmlと同じです
よく使うもの
&: &
>: >
<: <
": "
': '

&#[10進数]; または &#x[16進数];

と
はどちらも改行「\n」です

xaml固有のものは「{}」があります
""の最初に「{」を置く場合Binding等と混同しないよう"{}{"とする必要があります

作成直後

スキン作成には要らないフォルダやファイルばかりですが特に気にしないでＯＫです

フォルダ構成

Skinフォルダを作成してその中にスキンを入れてください
図のようにzeKey.exeとXceed.Wpf.Toolkit.dllをコピーしておくとテストが楽になります

ファイル参照

外部ファイルの参照は
"pack://siteoforigin:,,,/Skin/image.png"や
"pack://siteoforigin:,,,/Skin/_img/image.png"のようになります

スキン整理

ラベル: zeKey

zeKey自体にはスキン整理機能は付いていません（外部ファイルの扱いが難しいため）
エクスプローラーで変更することになります

右クリックメニューに開くメニューがあります
変更後は再取得してください

スキン名.xaml（スキン本体）とスキン名.config（スキン設定）はセットです
リネームや移動で.configを変えなかった場合はスキン設定が初期設定に戻ります

スキン名やフォルダ名を変更したい

好きなように変更できます（_から始まる名前にするとzeKeyに表示されませんので注意）

フォルダを移動させたい

外部ファイルを使用していなければスキンファイルを移動するだけです
同名のスキンがある時はどちらかの名前を変えてください

外部ファイルを使用している場合はスキン読み込みエラーになるので外部ファイルも移動する必要があります
エラーにファイル名が出るので元と同じフォルダ構成でファイルをコピーします（複数スキンで共用している場合があります共用がなければ移動で構いません）

スキンフォルダ 
    サンプルフォルダ
        サンプル.xaml
        画像.png

となっていた場合スキンフォルダ直下におろすには

スキンフォルダ
    サンプル.xaml
    画像.png

とします

スキンフォルダ
    サンプルフォルダ
        画像フォルダ
            画像.png
        サンプル.xaml

となっている場合は

スキンフォルダ
    画像フォルダ
        画像.png
    サンプル.xaml

となります

外部ファイル名が他のスキンで使用している外部ファイル名と被った場合スキン内のファイル名と外部ファイル名を変えてください
スキンフォルダ

    サンプルフォルダ
        サンプル.xaml（"pack://siteoforigin:,,,/Skin/画像.png"）
        画像.png
        他のスキン.xaml（"pack://siteoforigin:,,,/Skin/画像.png"）
        画像.png

となってしまった場合

スキンフォルダ
    サンプル.xaml（"pack://siteoforigin:,,,/Skin/画像１.png"）
    画像１.png
    他のスキン.xaml
    画像.png

という具合です

xamlで <Image Source="a.png" />のように指定するとexeに埋め込まれているリソースの指定になりますのでスキンでは使えません（Visual Studio上では使えるように見えるので注意）

外部ファイルを読み込む場合は
<Image Source="file:///c:/a.png" />
<Image Source="http://www.___.com/a.png" />
<Image Source="pack://siteoforigin:,,,/Skin/a.png" />
のようにするのですが file:やhttp:を許すと危険すぎるので xeKeyのスキンでは使えなくしています

pack://siteoforiginは本来zeKey.exeからの相対パス指定ですが扱いづらいので
zeKeyでは "pack://siteoforigin:,,,/Skin/" を該当スキンのフルパスと解釈します（スキンフォルダではありませんそのスキンのあるフォルダです）
必ず/Skin/と表記する必要があります

該当スキンのあるフォルダ以下しかアクセスできません

<Image Source="pack://siteoforigin:,,,/a.png" />
<Image Source="pack://siteoforigin:,,,/../a.png" />
<Image Source="pack://siteoforigin:,,,/skin/a.png" />
<Image Source="pack://siteoforigin:,,,/Skin/../a.png" />
<Image Source="pack://siteoforigin:,,,/Skin/../a/a.png" />
すべてエラー

<Image Source="pack://siteoforigin:,,,/Skin/a.png" />
<Image Source="pack://siteoforigin:,,,/Skin/a/a.png" />
ＯＫ

<Image Source="pack://siteoforigin:,,,/Skin/../Skin/a.png" />
無意味だがＯＫ

siteoforiginの意味が違うので気持ち悪いのですがスキン作成の簡便さとスキンフォルダを変更可能にするため現時点ではこれがよいのかなと思っています

2016/12/23

紹介動画を投稿しました

ラベル: ニコニコ動画

1年も掛かってるとかどうかしてるとしか思えないんですが今年中に公開されるぎりぎりで思い切って公開しました

http://www.nicovideo.jp/watch/sm30282369

Vectorにて公開しました

ラベル: 開発日記

http://www.vector.co.jp/soft/winnt/util/se514849.html
いつまでもだらだらやっても仕方がないので思い切って公開しました

色々思いついた機能を追加をしていたりしていたのですがブログの説明を更新したりサンプルスキンを用意したりが面倒で完成がのびのびになってしまい
結局自分が使わない機能をオミットしシンプルなものにしました

しかし今年中に公開される期日ぎりぎりに勢いでアップロードしてしまったのですでにバグがありますｗ
・タイプライター風スキンの小さいスペースキーに割り当てがない
・落書きスキンで使用しているWidth HeightのBindingが効いていない
・「エクスプローラーでスキンフォルダを開く」メニューが効かない
年明けにVer. 1.0.1に差し替えます

2016/11/24

設定ファイル

ラベル: zeKey

設定ファイルを削除した時のデフォルト値
[]は実際には付けない []が付いているものはデフォルト値または値がない場合省略される

zeKey.config

zeKey自体の設定ファイル

SkinFolder: exeフォルダ下のSkinフォルダフォルダ指定した場合フルパス

Startup.File: SkinFolderからの相対パス

<Setting>
  <Window>
    <Top>100</Top>
    <Left>100</Left>
    <Width>700</Width>
    <Height>600</Height>
    [<HideStart>false</HideStart>]
    [<TopMost>false</TopMost>]
    <VerticalSplitter>200</VerticalSplitter>
    <HorizontalSplitter>200</HorizontalSplitter>
  </Window>
  <SkinFolder>Skin</SkinFolder>
  <Startups>
    [<Startup>
      <File></File>
    </Startup>]
  </Startups>
  [<IgnoreSaveError>false</IgnoreSaveError>]
  [<DesktopFrame>false</DesktopFrame>]
  [<DesktopTool>false</DesktopTool>]
</Setting>

スキン名.config

各スキンの設定ファイル

メイリオ好きなのでデフォ値ですがWin10に入っていないこともある？？
入ってないと游ゴになるのかどうか？よくわかりません

<Setting>
  <Position>
    <Top>100</Top>
    <Left>100</Left>
    <Width></Width>
    <Height></Height>
  </Position>
  <AutoHide>
    <IsEnabled>false</IsEnabled>
    <HideType>SlideTop</HideType>
    <OffsetX>5</OffsetX>
    <OffsetY>5</OffsetY>
    <HideAnimation>
      <Mode>Instantly</Mode>
      <Delay>1</Delay>
      <Duration>0.5</Duration>
    </HideAnimation>
    <ShowAnimation>
      <Mode>Instantly</Mode>
      <Delay>1</Delay>
      <Duration>0.5</Duration>
    </ShowAnimation>
  </AutoHide>
  <Font>
    <Family>メイリオ</Family>
    <Style>Normal</Style>
    <Weight>Normal</Weight>
    <Stretch>Normal</Stretch>
    <Size>16</Size>
  </Font>
  <Colors>
    [<Color>
      <Name></Name>
      <Code></Code>
    </Color>]
  </Colors>
</Setting>

同梱スキン - 落書き.xaml

ラベル: zeKey

全画面スキンテスト
ブログの画像作成用に適当に作ったスキン
全画面スキンはちょっとした設定ミスでＰＣ操作が効かなくなるため十分注意すること
スキン作成者向けオプション-デスクトップにzeKeyツールを表示する
にチェックを入れておくことを推奨
入れ忘れて操作不能になった場合すべてキーボード操作で[Ctrl]+[Alt]+[Del]でタスクマネージャを起動しzeKeyを終了する

コードの表示 »

2016/11/23

同梱スキン - テンキー.xaml

ラベル: zeKey

トグルボタンでの２面切り替えサンプル
数字入力の機会があまりないので使い勝手が良いかどうかはわかりません
キーボードのFnキーのような機能はボタンを２つ用意して表示非表示を切り替えるのが簡単で作りやすいです

コードの表示 »

同梱スキン - コンパクト.xaml

ラベル: zeKey

TypeKeys指定サンプル
デザインセンスがないので残念な出来ですがキー数が少ない特別な用途向け（１列だけとか特定アプリ専用等）のベースに使えるかもしれません

コードの表示 »

同梱スキン - フルキーボード.xaml

ラベル: zeKey

スキン自作のためのテンプレート用
大量のコメントで行数は多いですが改造しやすいようにできていますので自作のベースに最適です

コードの表示 »

同梱スキン - タイプライター風.xaml

ラベル: zeKey

テンプレートサンプル用実用性はあまりありません
画像を1枚使っていますがスペースキーの質感用です大した意味はありません
丸いキーはxamlだけで出来ています見た目に関しては想像できるものは大体実現可能です
どのスキンもキーの定義部分が同じようになって冗長なんですがスタイルを使って出来る限り短くしています

コードの表示 »

同梱スキン - Keyboard.xaml

ラベル: zeKey

自分(T.N)用に作ったもの

コードの表示 »

2016/08/23

KEYEVENTF_EXTENDEDKEY

ラベル: 開発日記

zeKeyのメイン機能キーコード送信にはSendInputを使っています
SendInputには KEYBDINPUT構造体に値をセットして渡すのですが dwFlagsには常にKEYEVENTF_EXTENDEDKEY（拡張キーフラグ）を付けていました

正しくは右Shiftやフルキーボードでいう矢印やDelの列のキー等に付くものなのですが余計につけても動くという情報も見ましたし実際動いていました

しかしVisual StudioのエディタでCtrl+ホイール（コードの拡大縮小）をしたところ不具合が出ました（その後のテストでShiftもおかしいと判明）

左Ctrlに拡張キーフラグがセットされているとKeyDownは認識されてコードの拡大縮小はできますが KeyUpは無視するようで通常のスクロールにはならず拡大縮小が継続されてしまいました（当然ですが右Ctrlなら拡張キーなので想定通りの動作になります）

セットするべきキーとセットしないキーは実際実験すればすぐわかるのですが Key列挙体には見た事もない実験のできないキーがたくさんあって困ってしまいます
仮想キーコードが決まれば拡張フラグも決まると思うのですがなんとかならないものか

現状面倒なので左Alt Ctrl Shiftだけ付けないようにしていますｗ

2016/08/22

xamlでエキスパンダーのヘッダーにツールチップ表示

ラベル: 開発日記

拙作のスキン画面にあるエキスパンダー
<Expander Header="スキンフォルダ(_D)">
のヘッダーにツールチップを付けようとしたところ

<Expander Header="スキンフォルダ(_D)" ToolTip="なんたら">
では内部全体に付いてしまいました（当たり前）

<Expander>
<Expander.Header>
<TextBlock Text="スキンフォルダ(_D)" ToolTip="なんたら"/>
</Expander.Header>
</Expander>
にしたらツールチップは思った通りにヘッダーに付きました（当たり前）
しかしスキンフォルダ(_D)と表示されてアクセスキー機能が働かなくなりました

アクセスキー（アクセラレータキー）とは
メニューバーの[ファイル(F)]とかのFの部分
通常はAlt+Fで選択されます条件によってはAlt無しでも動きます
ちなみに[コピー(C) Ctrl+C]のCtrl+Cの部分はショートカットキーです

実際には何を使ってるのかをライブビジュアルツリー（VS2015の新機能便利ですね）で見てみたところAccessTextとなっていました
ほとんどの場合AccessTextに自動でラップされるようで表に出てきませんがこういう場合は明示的に書く必要があります

で結局
<Expander>
<Expander.Header>
<AccessText Text="スキンフォルダ(_D)" ToolTip="なんたら"/>
</Expander.Header>
</Expander>
にすればよいということです
テンプレート書く羽目になるかと思っていたので簡単に解決してよかったです

2016/08/07

かな入力モード ConversionMode

ラベル: zeKey

以下の情報は私の環境での結果です違う環境ではどうなっているか分かりません
Windows7 MS-IME 日本語109キーキーボード

ローマ字入力かな入力の切り替えは

          <z:LRButton.LeftTypeKeys>
            <z:TypeKeys TypeKey="LeftAlt">
              <z:TypeKeys TypeKey="OemCopy" />
            </z:TypeKeys>
          </z:LRButton.LeftTypeKeys>

で注意喚起のダイアログが出た上でトグル動作でした
この場合入力モードは正常に取得できました

ＩＭＥオンの時かなキー
<z:LRButton TypeKey="OemCopy">
だけを押すと一時的に変えるモードなのかよくわかりませんが何かキーを押すまで入力モードが反映されませでした

かなモードでの英数入力は英数キー（Capsキー）ですが
<z:LRButton TypeKey="OemAttn">
でトグル動作でした
<z:LRButton TypeKey="Capital"/>
はCapsのトグル動作でした

KeyState.ConversionModeに実際値が入っていますＩＭＥオフの時は {x:Null} です

引用 (AutoHotkey)(IMEの制御をする編) - もらかなです。

状態一覧表
0 = かな入力半角英数
3 = かな入力半角カナ
8 = かな入力全角英数
9 = かな入力全角ひらがな
11 = かな入力全角カタカナ
16 = ローマ字入力半角英数
19 = ローマ字入力半角カタカナ
24 = ローマ字入力全角英数
25 = ローマ字入力全角ひらがな
27 = ローマ字入力全角カタカナ

zeKeyセキュリティ対策

ラベル: zeKey

今のところzeKeyでは

外部アセンブリ禁止

Blend機能は惜しい気もしますがそこまで必要性は感じないしほかのDLL読み込んでまで必要な機能が思いつかない
DLL自作出来るような人はもっといいのを作ってください

namespaceはスキン用以外読み込ませない

Ｃ＃は逆コンパイルも簡単らしいので（よく知りませんが）クラス名やメンバ名がわかってもいいように namespaceを分けてxmlns:zを決め打ちすることで安全性が上がるはず
System等が欲しいなと思う時もあるんですがあまりにも広範囲すぎて危なそうなので禁止します

スキンからのアクセスをそのフォルダ以下に制限

Image等のSourceを内部で強制変換します

HyperlinkExクリックで確認ダイアログ

当然ですね

をセキュリティ対策としたいと思います

セキュリティガバガバはさすがにイヤですがユーザーの自由度がなくなってしまっては意味が無いのでこのあたりが落し所かなと思います
もちろん大穴が見つかったら修正するつもりですがどうしようもない場合公開中止もあるかもしれません

セキュリティ対策をユーザーの責任でキャンセルを許すかどうかですが
スキン設定ファイルにユーザー固有値を含めた上で暗号化して保存する等で十分安全を担保して実現可能だと思いますがそこまで必要か悩み中です

悪意のあるスキンを使ってしまったというのは
例えばランチャーソフト向けに（ランチャーソフトとは無関係の悪意がある人が）便利設定と偽って設定ファイルとＰＣ破壊バッチファイルをセットで公開しそれを使ってしまったのと大差ないというのは言いすぎでしょうか？
それともブラウザのバグを突いてＨＰを開いただけでＰＣがクラッシュするような状況に近いのでしょうか？
前者はさすがに使ったユーザーの責任後者はソフト側にも責任（法的には損害賠償などは無理でしょうが）があるような感じがしますがスキンファイルの扱いは前者寄りだと思うのですがどうでしょう？

無責任な言い方かもしれませんが十二分に注意喚起してそれ以上はユーザー責任で使ってもらうしかないかなと思います

Key値	説明
Cancel, BREAK	Break キー Ctrl+Pause
Back, BACKSPACE, BKSP, BS	Backspace キー
Tab	TAB キー
Clear	Clear キー NumLock中にテンキーの５キー
Return, Enter	Enter キー
Pause	Pause キー
Capital, CapsLock	CapsLock キー
KanaMode	IMEかなモードキー
KanjiMode	IME漢字モードキー Alt+半角/全角
Escape, ESC	Esc キー
ImeConvert	変換キー
ImeNonConvert	無変換キー
Space	Space キー
Prior, PageUp, PGUP	PageUp キー
Next, PageDown, PGDN	PageDown キー
End	End キー
Home	Home キー
Left	← キー
Up	↑ キー
Right	→ キー
Down	↓ キー
Snapshot, PrintScreen, PRTSC	PrintScreen キー
Insert, INS	Insert キー
Delete, DEL	Delete キー
D0	0 キー(テンキーでは無い方) 数字のみの0は不可
｜
D9	9 キー(テンキーでは無い方) 数字のみの9は不可
A	A キー
｜
Z	Z キー
LWin, WINDOWS, WIN, LEFTWINDOWS	左Windows キー
RWin, RIGHTWINDOWS	右Windows キー
Apps, APPLICATION	アプリケーションキー
NumPad0	テンキーの0 キー
\|
NumPad9	テンキーの9 キー
Multiply	テンキーの* キー
Add	テンキーの+ キー
Subtract	テンキーの- キー
Decimal	テンキーの. キー
Divide	テンキーの/ キー
F1	F1 キー
\|
F12	F12 キー
NumLock	NumLock キー
Scroll	ScrollLock キー
LeftShift, SHIFT	左Shift キー
RightShift	右Shift キー
LeftCtrl, CONTROL, CTRL	左Ctrl キー
RightCtrl	右Ctrl キー
LeftAlt, ALT	左Alt キー
RightAlt	右Alt キー
BrowserBack	ブラウザーの戻るキー
BrowserForward	ブラウザーの進むキー
BrowserRefresh	ブラウザーの更新キー
BrowserStop	ブラウザーの中止キー
BrowserSearch	ブラウザーの検索キー
BrowserFavorites	ブラウザーのお気に入りキー
BrowserHome	ブラウザーのホームキー
VolumeMute	音量ミュートキー
VolumeDown	音量ダウンキー
VolumeUp	音量アップキー
MediaNextTrack	メディアの次のトラックキー
MediaPreviousTrack	メディアの前のトラックキー
MediaStop	メディアの停止キー
MediaPlayPause	メディアの再生/一時停止キー
SelectMedia	メディアの選択キー
LaunchMail	メールを起動キー
LaunchApplication1	アプリケーション1の起動キー
LaunchApplication2	アプリケーション2の起動キー
Oem1, OemSemicolon, SEMICOLON	:* キー (注意)
OemPlus	;+ キー
OemComma, COMMA	,< キー
OemMinus, MINUS	-= キー
OemPeriod, PERIOD	.> キー
Oem2, OemQuestion	/? キー
Oem3, OemTilde	@` キー (注意)
Oem4, OemOpenBrackets	[{ キー
Oem5, OemPipe	￥\| キー
Oem6, OemCloseBrackets	]} キー
Oem7, OemQuotes, QUOTES	^~ キー (注意)
Oem102, OemBackslash, BACKSLASH	￥_ キー

FinalMode	The IME Final mode key.
ImeAccept	The IME Accept key.
ImeModeChange	The IME Mode change request.
OemAttn, DbeAlphanumeric	The OEM_ATTN key.
OemFinish, DbeKatakana, FINISH	The OEM_FINISH key.
OemCopy, DbeHiragana	The OEM_COPY key.
OemAuto, DbeSbcsChar	The OEM_AUTO key.
OemEnlw, DbeDbcsChar	The OEM_ENLW key.
OemBackTab, DbeRoman	The OEM_BACKTAB key.
Attn, DbeNoRoman	The ATTN key.

ページ

2016/12/31

トグルボタンはFocusable="False"にセットする

ControlTemplateにTargetTypeがない時のTemplateBinding

ResourcesのSolidColorBrushはソートし表示される

エスケープ

作成直後

フォルダ構成

ファイル参照

スキン名やフォルダ名を変更したい

フォルダを移動させたい

2016/12/23

2016/11/24

zeKey.config

スキン名.config

2016/11/23

2016/08/23

2016/08/22

2016/08/07

外部アセンブリ禁止

namespaceはスキン用以外読み込ませない

スキンからのアクセスをそのフォルダ以下に制限

HyperlinkExクリックで確認ダイアログ

2016/08/06

Blend for Visual Studio 2015

Canvas

Rectangle

結合

ペンツール

xaml

日本語109キーボードでの対応表

xamlで通るSystem.Windows.Input.Key値

RGB 値で

文字で

システムリソースで

2016/08/05

2016/08/04

2016/08/03

xamlとは

xamlはひとつだけ要素を持ちます（ルート要素）

要素は中身を持つことが出来ます（子要素）

子供の子供の...と深くすることが出来ます

内側より先に外が終わることは出来ません

子要素を複数持てるものがあります（持て無いものもあります）

要素は属性を持てます 属性は「＝””」で値を指定します

改行や複数の空白は無視されます

で囲われた部分はコメントになり無視されます

属性を「<要素.属性>」として子要素にすることが出来ます

値はすべて文字列です

要素 属性は大文字小文字を区別します

2016/08/02

スキンフォルダ（インストールファルダ\Skin）の扱い

要素は属性を持てます属性は「＝””」で値を指定します

要素属性は大文字小文字を区別します