dotnetConf関西2017

1. dotnetConf関西 2017 – LT
XAMLで条件分岐
tmyt
2017/10/14 (Sat.)

2. わたしは
• tmyt (a.k.a.津守)
• Microsoft MVP for Windows Development(Jan. 2011 – Jul. 2018)
• http://blog.tmyt.jp/
• 最近会社やめました

3. 条件分岐…？
• 昔こういうのを作りました
• http://blog.tmyt.jp/entry/2015/08/11/221312
• http://blog.tmyt.jp/entry/2014/07/07/020345
• http://blog.tmyt.jp/entry/2013/12/23/001907
• https://gist.github.com/tmyt/c8b8667ab3087223722e

4. いいえ
• Conditional XAMLです
• https://docs.microsoft.com/en-us/windows/uwp/debug-test-
perf/conditional-xaml

5. Conditional XAML
• XAMLに条件分岐を持ち込むもの
• Build:15063から使えました
• XML名前空間を付けて条件分岐を追加できます
• プロパティの設定
• インスタンスの生成

6. 使い方
• XML名前空間に条件を書き足します
• Ex)ApiContractが5以上の時
• IsApiContractPresent(Windows.Foundation.UniversalApiContract,5)
• Ex) ApiContractが5以下の時
• IsApiContractNotPresent(Windows.Foundation.UniversalApiContract,5)
• Ex)いつものxmlnsに条件をつけ足した場合
• xmlns:16299=“http://schemas.microsoft.com/winfx/2006/xaml/presen
tation?IsApiContractPresent(Windows.Foundation.UniversalApiContrac
t,5)”

7. DEMO
• Property
• <TextBlock cu:Text=“Build 15063” fcu:Text=“Build 16299” />
• Instantiation
• <Grid>
<cu:TextBlock Text=“Build 15063” />
<fcu:TextBlock Text=“Build 16299” />
</Grid>

8. おまけ
• XAMLの制約上動かない書き方が結構ありました

9. 動かない
• The property 'Windows.UI.Xaml.Controls.TextBlock.Text' is
set more than once. [Line: 20 Position: 24]'
• <TextBlock FontSize=“72“
Text="Run on Creators Update!“
build16299:Text="Run on Fall Creators Update!" />

10. これも動かない
• Duplication assignment to the ‘Child’ property of the ‘Border’
object
• <Border>
<build15063:Button />
<build16299:TextBox />
</Border>

11. これも動かない
• This Member ‘Background’ has more tha one item, use the
Items property
• <Button.Background>
<build15063:SolidColorBrush Color="Red" />
<build16299:AcrylicBrush
BackgroundSource="HostBackdrop" TintOpacity="0.6"
TintColor="Red" FallbackColor="Red" />
</Button.Background>

12. これも動かない
• XamlCompiler error WMC0151: Type
'Windows.UI.Xaml.Media.AcrylicBrush' is defined under
contract 'Windows.Foundation.UniversalApiContract' version
'5.0.0.0', but the contract version for the targeted min version
is '4.0.0.0’!

13. つづき
• <build15063:Button.Background>
<SolidColorBrush Color="Red" />
</build15063:Button.Background>
<build16299:Button.Background>
<AcrylicBrush BackgroundSource="HostBackdrop"
TintOpacity="0.6" TintColor="Red" FallbackColor="Red" />
</build16299:Button.Background>

14. 15063上で実行時に起動できない
• <build15063:Button.Background>
<SolidColorBrush Color="Red" />
</build15063:Button.Background>
<build16299:Button.Background>
<build16299:AcrylicBrush
BackgroundSource="HostBackdrop" TintOpacity="0.6"
TintColor="Red" FallbackColor="Red" />
</build16299:Button.Background>