2012-06-27 57 views
1

我是一個小菜鳥,一般來說,我的第一個地鐵風格的應用程序工作,並找不到一種方法來添加一個簡單的投影到我的一些用戶界面元素。我聽說用winRT做這種簡單的UI效果可能是不可能的,並且想知道這些傳言是否屬實。如果是這樣,有沒有人有這個效果的工作?是否有可能在winRT中創建簡單的UI效果,例如陰影效果?

+0

你不應該使用這個陰影庫...這是對Metro風格 –

+0

這WPF的樣品也應該適用於Win8 XAML工作: http://stackoverflow.com/questions/2831062/wpf-drop-shadow –

+0

Win8沒有效果標籤。 –

回答

2

如果您在xaml中構建Metro應用程序,則沒有內置的位圖效果(如投影,模糊,發光和反射)。您可以創建一個陰影的位圖圖像並將其用作9 grid,但這隻適用於某些情況。

如果您使用html + css + js,則可以使用CSS3位圖效果在一個框上創建陰影。

2

下面是創建一個4像素寬陰影的解決方案,從ChildWindow默認模板在Silverlight複製 -

<Grid> 
    <Border BorderBrush="#14000000" BorderThickness="1" Background="#14000000" CornerRadius="2" Margin="1,1,-1,-1"/> 
    <Border BorderBrush="#0F000000" BorderThickness="1" Background="#0F000000" CornerRadius="2.25" Margin="2,2,-2,-2"/> 
    <Border BorderBrush="#0C000000" BorderThickness="1" Background="#0C000000" CornerRadius="2.5" Margin="3,3,-3,-3"/> 
    <Border BorderBrush="#0A000000" BorderThickness="1" Background="#0A000000" CornerRadius="2.75" Margin="4,4,-4,-4" /> 
    <Border BorderBrush="Black" BorderThickness="1" Background="#FFFFFFFF" CornerRadius="2"> 
     ...Actual content... 
    </Border> 
</Grid> 
0

BCL不支持影子,但win2d(https://github.com/Microsoft/win2d)支持。

可以使用CanvasControl win2d或嘗試基於win2d https://github.com/brookshi/XPShadow

+0

雖然這個鏈接可能回答這個問題,但最好在這裏包含答案的基本部分,並提供供參考的鏈接。如果鏈接頁面更改,則僅鏈接答案可能會失效。 - [來自評論](/ review/low-quality-posts/10904857) – Dmitry

+0

我知道爲什麼我會在10分鐘內得到兩個反對票,謝謝:) –