[Windows 8 App]Charms Bar介紹(前台設定)

2013-12-16

在Windows 8作業系統中，把開始鍵的按鈕取消了

然後，將大部分的應用程式放置在功能欄中

在功能欄中共有5個功能按鈕

搜尋按鈕

搜尋應用程式、系統設置、文件等等

分享按鈕

可以使用分享按鈕輕鬆地與好友輕鬆地分享文字、圖片、文件等等

開始按鈕

開始按鈕式桌面與動態磚牆面進行切換

裝置按鈕

可以管理連接的外部設備

設定按鈕

包含了"控制台"、"個人化"、"電源" 等等常用的設定選項

我們來做一個閱讀模式切換的範例，點擊按鈕會開啟功能欄，可以選擇要切換的模式

首先，新增一個專案，名稱取名為【CharmsBarSetting】

然後打開【MainPage.xaml】，在Grid設計畫面中放進一個Button按鈕

Button名稱為【更改閱讀模式】，並點擊Button的Click事件

之後Grid中再多放進二個TextBlock文字方塊

一個是用來顯示文字標題

一個是用來隨著模式改變而改變文字內容

【MainPage.xaml】的完整程式碼


<Page
    x:Class="CharmsBarSetting.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:CharmsBarSetting"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <TextBlock x:Name="PageTitle" HorizontalAlignment="Left" Margin="432,259,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Height="71" Width="317" FontSize="60" Text="新增選項" />

        <TextBlock x:Name="ShowSettings" HorizontalAlignment="Left" Width="591" FontSize="50" Margin="432,335,0,0" TextWrapping="Wrap" VerticalAlignment="Top"  Height="70" Text="當前閱讀模式為日間模式" />

        <Button x:Name="ReadingModeSetting" Content="更改閱讀模式" HorizontalAlignment="Left" Margin="432,410,0,0" VerticalAlignment="Top" Height="125" Width="412" FontSize="60" Click="ReadingModeSetting_Click" />

    </Grid>
</Page>

因為後台的介紹比較多，所以我們分成前台篇與後台篇做詳細的介紹

回首頁