用Xaml做網(wǎng)頁(yè)框架(3)_.Net教程
推薦:校內(nèi)網(wǎng)API的.net版本XiaoNei.Net 1.0(非官方)校內(nèi)API開(kāi)放也有一段時(shí)間了,也沒(méi)有太關(guān)注,正好新版本的SNS開(kāi)發(fā)到了API這一塊,正好借鑒一下XiaoNei,F(xiàn)B,MySpace的API。 且聞校內(nèi)API比較有前途,最近的API編程大賽也比較火,而且人氣也較
導(dǎo)出的XAML內(nèi)容如下:
| 以下為引用的內(nèi)容: Code <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <DrawingBrush x:Key="back" Stretch="Uniform"> <DrawingBrush.Drawing> <DrawingGroup ClipGeometry="F1 M 0,0L 395.017,0L 395.017,466L 0,466L 0,0"> <DrawingGroup.Children> <GeometryDrawing Geometry="F1 M 64,5.5L 331.017,5.5"> <GeometryDrawing.Pen> <Pen Thickness="11" LineJoin="Round" Brush="#08000000"/> </GeometryDrawing.Pen> </GeometryDrawing> <GeometryDrawing Geometry="F1 M 64,122.5L 331.017,122.5"> <GeometryDrawing.Pen> <Pen Thickness="128" LineJoin="Round" Brush="#06000000"/> </GeometryDrawing.Pen> </GeometryDrawing> <GeometryDrawing Geometry="F1 M 64,428.501L 331.017,428.501"> <GeometryDrawing.Pen> <Pen Thickness="75" LineJoin="Round" Brush="#06000000"/> </GeometryDrawing.Pen> </GeometryDrawing> <GeometryDrawing Geometry="F1 M 64,275.5L 331.017,275.5"> <GeometryDrawing.Pen> <Pen Thickness="35" LineJoin="Round" Brush="#0B000000"/> </GeometryDrawing.Pen> </GeometryDrawing> </DrawingGroup.Children> </DrawingGroup> </DrawingBrush.Drawing> </DrawingBrush> </ResourceDictionary> |
我們需要給“<DrawingBrush x:Key="back" Stretch="Uniform">”中加入幾個(gè)屬性:ViewportUnits="Absolute" Viewport="0,0,55,145" TileMode="FlipXY"
這些屬性控制了圖像的填充方式。
現(xiàn)在回到主文檔,準(zhǔn)備載入這個(gè)背景,先將其以資源字典的形式引用:
| 以下為引用的內(nèi)容: <Page.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <ResourceDictionary Source="back.xaml"/> </ResourceDictionary.MergedDictionaries> </ResourceDictionary> </Page.Resources> |
然后為Grid加入背景屬性設(shè)置:
<Grid MinHeight="900" MinWidth="1000" Background="{StaticResource back}">
這樣就完成了頁(yè)面背景樣式的設(shè)置。
你會(huì)發(fā)覺(jué)頁(yè)面主體的部分區(qū)塊與頁(yè)面背景的邊際不夠明顯:

我們可以使用偽陰影來(lái)突出主體,即通過(guò)在頁(yè)面主題兩側(cè)加入兩個(gè)黑色到透明的漸變,我們通過(guò)在Grid中加入兩個(gè)矩形來(lái)實(shí)現(xiàn):
| 以下為引用的內(nèi)容:
<Rectangle.Fill> <LinearGradientBrush StartPoint="1,0" EndPoint="0,0"> <GradientStop Color="#00000000" Offset="1" /> <GradientStop Color="#20000000" Offset="0" /> </LinearGradientBrush> </Rectangle.Fill> </Rectangle> <Rectangle Width="20" Grid.Column="3" HorizontalAlignment="Left" Margin="0,0,0,0"> <Rectangle.Fill> <LinearGradientBrush StartPoint="1,0" EndPoint="0,0"> <GradientStop Color="#00000000" Offset="0" /> <GradientStop Color="#20000000" Offset="1" /> </LinearGradientBrush> </Rectangle.Fill> </Rectangle> |
分享:Asp.net Mvc Framework可以在Controller中使用的Url.Action方法原本的Url.Action方法是利用RouteCollection來(lái)實(shí)現(xiàn)Url的Routing的。 所以這里用一個(gè)擴(kuò)展方法重現(xiàn)一下 以下為引用的內(nèi)容:
- asp.net如何得到GRIDVIEW中某行某列值的方法
- .net SMTP發(fā)送Email實(shí)例(可帶附件)
- js實(shí)現(xiàn)廣告漂浮效果的小例子
- asp.net Repeater 數(shù)據(jù)綁定的具體實(shí)現(xiàn)
- Asp.Net 無(wú)刷新文件上傳并顯示進(jìn)度條的實(shí)現(xiàn)方法及思路
- Asp.net獲取客戶端IP常見(jiàn)代碼存在的偽造IP問(wèn)題探討
- VS2010 水晶報(bào)表的使用方法
- ASP.NET中操作SQL數(shù)據(jù)庫(kù)(連接字符串的配置及獲取)
- asp.net頁(yè)面?zhèn)髦禍y(cè)試實(shí)例代碼
- DataGridView - DataGridViewCheckBoxCell的使用介紹
- asp.net中javascript的引用(直接引入和間接引入)
- 三層+存儲(chǔ)過(guò)程實(shí)現(xiàn)分頁(yè)示例代碼
.Net教程Rss訂閱編程教程搜索
.Net教程推薦
- .Net教程之基于ASP.NET2.0的非HttpModule山寨版MVC框架的實(shí)現(xiàn)
- DataGrid的多行提交
- ASP.NET及JS中的cookie基本用法
- ASP.NET 2.0中動(dòng)態(tài)修改頁(yè)面標(biāo)題
- Asp.net三層結(jié)構(gòu)中的變量引用與傳遞
- 解析.NET中的動(dòng)態(tài)編譯技術(shù)
- 解讀.NET中*延遲*特性的幾個(gè)陷阱
- 對(duì)數(shù)據(jù)訪問(wèn)層第一種實(shí)現(xiàn)(Acc SQL)的重構(gòu)
- 解讀點(diǎn)縮略圖彈出隨圖片大小自動(dòng)調(diào)整的頁(yè)面
- asp.net回發(fā)或回調(diào)參數(shù)無(wú)效解決方法
- 相關(guān)鏈接:
- 教程說(shuō)明:
.Net教程-用Xaml做網(wǎng)頁(yè)框架(3)
。