日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
WPF布局相關(guān)設(shè)計方法

WPF布局在實際使用中是非常常用的一個操作。對于初學者來說，要從日常的開發(fā)實踐中去慢慢體會這一技巧的操作，才能真正掌握布局方法。#t#

這里主要使用WPF和C#編寫一個簡單的小游戲（暫命名XMarket），意在通過該實例進一步學習和體驗WPF，也歡迎廣大同仁拍磚交流。言歸正傳，在編寫一個軟件前首先要思考軟件的結(jié)構(gòu)與布局，圖片放在哪，按鈕放在哪，都要先設(shè)計一下。當然本實例也只是簡單布局。

我們通過學習，大概了解到本實例結(jié)構(gòu)為上下WPF布局：

1. 首先，是背景圖片，不用多說就是為了好看，簡單的一個Image就可以實現(xiàn)了。

  1. < Image　Source="image/
    backimage.jpg"    >
  2. < /Image> 

2. 在軟件最上方的四個圖標就是功能菜單，點擊它們就會有相應的菜單顯示在下面。這四個圖標也是由Image構(gòu)成，但是需要給它們附加一些事件，以達到想要的效果。后續(xù)文章中將介紹它們的功能。

將圖標放在Canvas中，通過Canvas.Left和Canvas.Top來調(diào)整圖標位置，Width和Height調(diào)整圖標大小，Tag標記一下圖標內(nèi)容，Cursor設(shè)為Hand當鼠標放到圖標上時表現(xiàn)為可以點擊狀態(tài)。

 
 
 
    
  
  
  
  1. < Canvas>　  
    2. 
  
  
  
  2. < Image　Source="image/home.png"　
    3. 
  
  
  
  3. Width="110"　Height="110"　Tag="My　Home"　  
    4. 
  
  
  
  4. Canvas.Left="30"　Canvas.Top="20"　
    5. 
  
  
  
  5. Cursor="Hand">< /Image>　  
    6. 
  
  
  
  6. < Image　Source="image/market.png"　
    7. 
  
  
  
  7. Width="125"　Height="125"　Tag="My　Shop" 
    8. 
  
  
  
  8. Canvas.Left="150"　Canvas.Top="13"　
    9. 
  
  
  
  9. Cursor="Hand">< /Image>　  
    10. 
  
  
  
  10. < Image　Source="image/new.png"　
    11. 
  
  
  
  11. Width="125"　Height="125"　Tag="Upgrade　Shop"　  
    12. 
  
  
  
  12. Canvas.Left="275"　Canvas.Top="13"　
    13. 
  
  
  
  13. Cursor="Hand">< /Image>　  
    14. 
  
  
  
  14.  
    15. 
  
  
  
  15. < Image　Source="image/bank.png"　
    16. 
  
  
  
  16. Width="110"　Height="110"　Tag="Bank"　  
    17. 
  
  
  
  17. Canvas.Left="395"　Canvas.Top="19"　
    18. 
  
  
  
  18. Cursor="Hand">< /Image>　  
    19. 
  
  
  
  19. < /Canvas> 
    20.

3. 由于WPF布局的Image好像沒有HTML 的Title功能，所以如果顯示圖片標簽，初步想用一個可移動的Textblock代替，所以在上面的Canvas中再加上一個Textblock。外加一個Border可以增加一些效果，Visibility默認要設(shè)為不可見。

 
 
 
    
  
  
  
  1. < Border　Name="imageTitleBorder"　
    2. 
  
  
  
  2. CornerRadius="5"　  
    3. 
  
  
  
  3. Background="AntiqueWhite"　
    4. 
  
  
  
  4. Visibility="Collapsed">　  
    5. 
  
  
  
  5. < TextBlock　Name="imageTitle"> 
    6. 
  
  
  
  6. 　  
    7. 
  
  
  
  7. < /Border> 
    8.

 

4. 下方菜單處，還是以Grid來布局內(nèi)容，Grid中的組件將由C#自動生成。將該Grid放入ScrollViewer中方便顯示多行內(nèi)容，同時ScrollViewer設(shè)為垂直滑動。

 
 
 
    
  
  
  
  1. < Canvas　Name="queryCanvas"　
    2. 
  
  
  
  2. Visibility="Collapsed">　  
    3. 
  
  
  
  3. < Border　Name="queryBorder"　
    4. 
  
  
  
  4. BorderThickness="7"　CornerRadius="9"　  
    5. 
  
  
  
  5. Width="920"　Height="440"　
    6. 
  
  
  
  6. Canvas.Left="40"　Canvas.Top="160">　  
    7. 
  
  
  
  7. < ScrollViewer　Name=
    "queryScrollViewer"　  
    8. 
  
  
  
  8. ScrollViewer.VerticalScrollBar
    Visibility="Visible">　  
    9. 
  
  
  
  9. < Grid　Name="queryGrid"> 
    10. 
  
  
  
  10. < /Grid>　  
    11. 
  
  
  
  11. < /ScrollViewer　>　  
    12. 
  
  
  
  12. < /Border>　  
    13. 
  
  
  
  13. < /Canvas> 
    14.

 

5. ***將WPF布局代碼整合起來如下，在Window中做了一些軟件尺寸設(shè)置Height、Width、ResizeMode、WindowStartupLocation，以及軟件的Icon。

 
 
 
    
  
  
  
  1. 
  
  
  
  2. xmlns="http://schemas.microsoft.com
    /winfx/2006/xaml/presentation"　  
    3. 
  
  
  
  3. xmlns:x="http://schemas.microsoft.
    com/winfx/2006/xaml"　  
    4. 
  
  
  
  4. Title="XMarket"　Height="652"　
    Width="1005"　WindowStartupLocation=
    "CenterScreen"　  
    5. 
  
  
  
  5. ResizeMode="NoResize"　Icon="
    /XMarket;component/image/home.png">　  
    6. 
  
  
  
  6. 　  
    7. 
  
  
  

  7. 　  
    8. 
  
  
  
  8. 　  
    9. 
  
  
  
  9. Width="110"　Height="110"　Tag="My　Home"　  
    10. 
  
  
  
  10. Canvas.Left="30"　Canvas.Top="20"　
    Cursor="Hand">Source="image/market.png"　
    Width="125"　Height="125"　Tag="My　Shop"　  
    11. 
  
  
  
  11. Canvas.Left="150"　Canvas.Top="13"　
    Cursor="Hand">　  
    12. 
  
  
  
  12. Width="125"　Height="125"　Tag="Upgrade　Shop"　  
    13. 
  
  
  
  13. Canvas.Left="275"　Canvas.Top="13"　
    Cursor="Hand">　  
    14. 
  
  
  
  14. Width="110"　Height="110"　Tag="Bank"　  
    15. 
  
  
  
  15. Canvas.Left="395"　Canvas.Top="19"　
    Cursor="Hand">　  
    16. 
  
  
  
  16. CornerRadius="5"　  
    17. 
  
  
  
  17. Background="AntiqueWhite"　
    Visibility="Collapsed">　  
    18. 
  
  
  
  18. 　  
    19. 
  
  
  
  19. 　  
    20. 
  
  
  
  20. 　  
    21. 
  
  
  
  21. Visibility="Collapsed">　  
    22. 
  
  
  
  22. BorderThickness="7"　CornerRadius="9"　  
    23. 
  
  
  
  23. Width="920"　Height="440"　
    Canvas.Left="40"　Canvas.Top="160">　  
    24. 
  
  
  
  24. 
  
  
  
  25. ScrollViewer.VerticalScrollBar
    Visibility="Visible">　  
    26. 
  
  
  
  26. 　  
    27. 
  
  
  
  27. 　  
    28. 
  
  
  
  28. 　  
    29. 
  
  
  
  29. 　  
    30. 
  
  
  
  30. 　  
    31. 
  
  
  
  31.  
    32.

希望這篇文章介紹的WPF布局相關(guān)內(nèi)容可以為大家?guī)硪恍椭?/p>
當前文章：WPF布局相關(guān)設(shè)計方法
當前地址：http://m.5511xx.com/article/dpseioc.html