Partager via

REMIX09 Tokyo、B-2セッションデモ・解説（1）

  • Article

皆様こんにちは！大変遅くなり申し訳ありません。

それでは、まず最初にStyles.xamlです。これを編集することにより、会社のブランディングに合わせて、スタイルを変更することができます。ある程度の共通プロパティであれば、デベロッパーの方にも変更が容易になります。

私のサンプルでは、デフォルトで選んだBusiness ApplicationのテンプレートのStyles.xamlの中の、下記を修正してあります。

  ＜ Styles.xaml ＞

　<!-- ******MAIN PAGE STYLES****** -->
<!-- **************************** -->
<!-- Primary Color Brushes -->
<SolidColorBrush x:Key="NavigationBackgroundColorBrush" Color="Blue"/>
<SolidColorBrush x:Key="NavigationForegroundColorBrush" Color="Azure"/>

・・・

そのあと、それぞれのページを下記のとおり、編集してあります。

＜ HelloREMIX09.xaml ＞追加

 <navigation:Page x:Class="MyApp.Views.HelloREMIX09" ・・・

            Title="HelloREMIX09"
Style="{StaticResource PageStyle}"
>

（Gridの下）
<ScrollViewer x:Name="PageScrollViewer" Style="{StaticResource PageScrollViewerStyle}">

            <StackPanel x:Name="ContentStackPanel" Style="{StaticResource ContentStackPanelStyle}">

                <TextBlock x:Name="HeaderText" Style="{StaticResource HeaderTextStyle}"
Text="HelloREMIX09"/>
<TextBlock x:Name="ContentText" Style="{StaticResource ContentTextStyle}"
Text="HelloREMIX09 page content"/>

            </StackPanel>
</ScrollViewer>

＜ MainPage.xaml ＞

<Border x:Name="LinksBorder・・・>

        <Border x:Name="LinksBorder" Style="{StaticResource LinksBorderStyle}">
<StackPanel x:Name="LinksStackPanel" Style="{StaticResource LinksStackPanelStyle}">

            <HyperlinkButton x:Name="Link1" Style="{StaticResource LinkStyle}"
NavigateUri="/Home" TargetName="ContentFrame" Content="home"/>

            <Rectangle x:Name="Divider1" Style="{StaticResource DividerStyle}"/>

            <HyperlinkButton x:Name="Link2" Style="{StaticResource LinkStyle}"
NavigateUri="/About" TargetName="ContentFrame" Content="about"/>

<HyperlinkButton x:Name="Link3" Style="{StaticResource LinkStyle}"
NavigateUri="/HelloREMIX09" TargetName="ContentFrame"

Content="REMIX09"/>

            </StackPanel>
</Border>

＜ ErrorWindow.xaml ＞

<TextBlock x:Name="IntroductoryText" Grid.Row="0" Margin="0"
Text="予期しないエラーが発生しました。管理者に問い合わせてください.03-abcd-efgh"
Width="398" TextWrapping="Wrap" HorizontalAlignment="Left"/>

＜ MainPage.xaml ＞

//Application Name”をカスタム名に変更

<TextBlock x:Name="ApplicationNameTextBlock" Style="{StaticResource ApplicationNameStyle}"
Text="特別任務従業員派遣サービス"/>

 

 

最初から別のイメージを適用するには、Expressionのサイトからスタイル集がダウンロード提供されていますので、それを利用してください。

https://gallery.expression.microsoft.com/en-us/site/search?f%5B0%5D.Type=RootCategory&f%5B0%5D.Value=themes&sortBy=date&pageIndex=2

（2）はこのあとPOSTしますので、しばらくお待ちください。取り急ぎ！