WEBサイトを頻繁にコピーしていた時、グローバルメニューで開いてるページを表すボタンプレスを手っ取り早くやりたく通常ボタンの編集に惰性しラジオボタンに行きついた。

そうアップルでもちょっと前にあった感じだ。

f:id:SHUNGIKU:20160323100801:plain

左の◎をあーだこーだすれば・・・

f:id:SHUNGIKU:20160323101158j:plain

 

というわけで編集を。解体すると

f:id:SHUNGIKU:20160323101505j:plain

チェックの◎はここの上二つ楕円(BackgroundEllipseとCheckGlyph)なのでこの楕円を変形させる。

f:id:SHUNGIKU:20160323101943j:plain

f:id:SHUNGIKU:20160323102225j:plain

f:id:SHUNGIKU:20160323102246j:plain

で、ここからちょっとコードを開く。
というのも元々この二つは楕円だけどプロパティにRadiusXやYがない。なのでこの二つをタグでRectangleに変更。 ちなみに下二つ(Focusなんとか)はRectangleなのでRadiusは表記されてる。

 

<Ellipse x:Name="BackgroundEllipse" Fill="{ThemeResource RadioButtonBackgroundThemeBrush}" Height="23" Stroke="{ThemeResource RadioButtonBorderThemeBrush}" StrokeThickness="{ThemeResource RadioButtonBorderThemeThickness}" UseLayoutRounding="False" Width="23" Margin="9,3,50,3"/>
<Ellipse x:Name="CheckGlyph" Fill="{ThemeResource RadioButtonForegroundThemeBrush}" Height="13" Opacity="0" UseLayoutRounding="False" Width="13" Margin="14,8,55,8"/>

赤のところをRectangleに(なぜはてな記法が使えないのだ・・・)
そんでもってAutoのStretchにしてCheckStatesを好みの設定してあげれば完成。

 

 


徳永英明 / 壊れかけのRadio