ホーム > Expression Blend > Windows Phone 7 のはてなフォトライフビューワを作る

Windows Phone 7 のはてなフォトライフビューワを作る (後編)

蜜葉 優@Silverlight Square[著], わにちゃん@ExpressionTech.jp[編集]
2011年3月20日 from Atelier:Mitsuba

その5-タイトルエフェクトを作ろう-

すっごくかんたん!

<phone:PhoneApplicationPage
	xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
	xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
	xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
	xmlns:d="https://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="https://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
	xmlns:Custom="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" xmlns:im="clr-namespace:Microsoft.Expression.Interactivity.Media;assembly=Microsoft.Expression.Interactions"
	mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800" 
	x:Class="FotolifeView.MainPage"
	d:DataContext="{d:DesignData SampleData/MainViewModelSampleData.xaml}"
	SupportedOrientations="PortraitOrLandscape" Orientation="Portrait"
	shell:SystemTray.IsVisible="True"
	toolkit:TiltEffect.IsTiltEnabled="True">

一番最後の1行(toolkit:TiltEffect.IsTiltEnabled="True") を追記するだけ!

これで、タイル化したボタンが傾きます。

f:id:c-mitsuba:20110320223359p:image

以上でWindows Phone 7 のはてなフォトライフビューワを作るはおしまいにします。

背景とかアニメーションはみなさんのセンスでっ!

INDEX

コメント

▲このページのトップへ