用WPF窗体打造个性化界面的图片浏览器

               

本文使用WPF窗体(XAML及C#)与Win Form控件(FolderBrowserDialog)结合的方式, 演示制作了一个简易漂亮的WPF图片浏览器。

首先看看运行中的样子:

 XAML源码:
<Window x:Class="BrawDraw.Com.FilmEffect.PhotoViewer"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="684" Width="643">
    <Canvas Width="612" Height="623">
<!-- 胶片效果的界面XAML -->
        <Canvas>
            <Path Fill="#ff000000" Data="F1 M 440.0,623.6 L 0.0,623.6 L 0.0,0.0 L 440.0,0.0 L 440.0,623.6 Z"/>
            <Path Fill="#ffffffff" Data="F1 M 52.6,78.8 C 52.6,83.6 48.6,87.6 43.8,87.6 L 29.1,87.6 C 24.2,87.6 20.3,83.6 20.3,78.8 L 20.3,54.6 C 20.3,49.7 24.2,45.8 29.1,45.8 L 43.8,45.8 C 48.6,45.8 52.6,49.7 52.6,54.6 L 52.6,78.8 Z"/>
            <Path Fill="#ffffffff" Data="F1 M 125.6,78.8 C 125.6,83.6 121.6,87.6 116.8,87.6 L 102.1,87.6 C 97.2,87.6 93.3,83.6 93.3,78.8 L 93.3,54.6 C 93.3,49.7 97.2,45.8 102.1,45.8 L 116.8,45.8 C 121.6,45.8 125.6,49.7 125.6,54.6 L 125.6,78.8 Z"/>
            <Path Fill="#ffffffff" Data="F1 M 200.1,78.8 C 200.1,83.6 196.1,87.6 191.3,87.6 L 176.6,87.6 C 171.7,87.6 167.8,83.6 167.8,78.8 L 167.8,54.6 C 167.8,49.7 171.7,45.8 176.6,45.8 L 191.3,45.8 C 196.1,45.8 200.1,49.7 200.1,54.6 L 200.1,78.8 Z"/>
            <Path Fill="#ffffffff" Data="F1 M 273.1,78.8 C 273.1,83.6 269.1,87.6 264.3,87.6 L 249.6,87.6 C 244.7,87.6 240.8,83.6 240.8,78.8 L 240.8,54.6 C 240.8,49.7 244.7,45.8 249.6,45.8 L 264.3,45.8 C 269.1,45.8 273.1,49.7 273.1,54.6 L 273.1,78.8 Z"/>
            <Path Fill="#ffffffff" Data="F1 M 347.1,78.8 C 347.1,83.6 343.1,87.6 338.3,87.6 L 323.6,87.6 C 318.7,87.6 314.8,83.6 314.8,78.8 L 314.8,54.6 C 314.8,49.7 318.7,45.8 323.6,45.8 L 338.3,45.8 C 343.1,45.8 347.1,49.7 347.1,54.6 L 347.1,78.8 Z"/>
            <Path Fill="#ffffffff" Data="F1 M 420.1,78.8 C 420.1,83.6 416.1,87.6 411.3,87.6 L 396.6,87.6 C 391.7,87.6 387.8,83.6 387.8,78.8 L 387.8,54.6 C 387.8,49.7 391.7,45.8 396.6,45.8 L 411.3,45.8 C 416.1,45.8 420.1,49.7 420.1,54.6 L 420.1,78.8 Z"/>
            <Canvas>
                <Path Fill="#fff6931b" Data="F1 M 392.0,611.4 L 390.2,611.4 L 390.2,601.3 C 389.8,601.7 389.3,602.1 388.6,602.4 C 387.9,602.8 387.3,603.1 386.8,603.3 L 386.8,601.7 C 387.7,601.3 388.6,600.8 389.3,600.2 C 390.0,599.6 390.6,599.1 390.9,598.5 L 392.0,598.5 L 392.0,611.4 Z"/>
                <Path Fill="#fff6931b" Data="F1 M 398.8,601.8 C 398.8,602.4 399.0,602.9 399.4,603.3 C 399.8,603.6 400.4,603.8 401.1,603.8 C 401.8,603.8 402.3,603.6 402.7,603.3 C 403.2,602.9 403.4,602.4 403.4,601.9 C 403.4,601.3 403.2,600.8 402.7,600.4 C 402.3,600.0 401.7,599.8 401.1,599.8 C 400.4,599.8 399.9,600.0 399.4,600.4 C 399.0,600.8 398.8,601.2 398.8,601.8 Z M 398.2,607.7 C 398.2,608.2 398.3,608.6 398.6,609.0 C 398.8,609.4 399.1,609.8 399.6,610.0 C 400.1,610.2 400.6,610.3 401.1,610.3 C 401.9,610.3 402.6,610.1 403.2,609.6 C 403.7,609.1 404.0,608.5 404.0,607.8 C 404.0,607.0 403.7,606.4 403.1,605.9 C 402.6,605.4 401.9,605.1 401.0,605.1 C 400.2,605.1 399.5,605.4 399.0,605.9 C 398.5,606.3 398.2,607.0 398.2,607.7 Z M 399.1,604.4 C 398.4,604.2 397.9,603.9 397.5,603.4 C 397.2,603.0 397.0,602.4 397.0,601.8 C 397.0,600.9 397.4,600.1 398.1,599.5 C 398.8,598.8 399.8,598.5 401.0,598.5 C 402.3,598.5 403.3,598.8 404.0,599.5 C 404.8,600.1 405.2,600.9 405.2,601.9 C 405.2,602.5 405.0,603.0 404.6,603.4 C 404.3,603.9 403.8,604.2 403.1,604.4 C 403.9,604.7 404.6,605.1 405.1,605.7 C 405.5,606.3 405.7,606.9 405.7,607.7 C 405.7,608.8 405.3,609.8 404.5,610.5 C 403.6,611.3 402.5,611.6 401.1,611.6 C 399.7,611.6 398.6,611.3 397.7,610.5 C 396.9,609.8 396.4,608.8 396.4,607.7 C 396.4,606.9 396.7,606.2 397.1,605.6 C 397.6,605.0 398.3,604.6 399.1,604.4 Z"/>
                <Path Fill="#fff6931b" Data="F1 M 410.7,606.1 L 415.5,606.1 L 414.0,602.6 C 413.6,601.5 413.3,600.6 413.0,599.9 C 412.8,600.7 412.6,601.6 412.2,602.4 L 410.7,606.1 Z M 406.6,611.4 L 412.0,598.6 L 414.1,598.6 L 419.9,611.4 L 417.7,611.4 L 416.1,607.5 L 410.1,607.5 L 408.6,611.4 L 406.6,611.4 Z"/>
            </Canvas>
            <Canvas>
                <Path Fill="#fff6931b" Data="F1 M 202.7,20.0 L 202.7,24.8 C 203.5,24.7 204.0,24.6 204.2,24.5 C 204.4,24.3 204.5,23.9 204.5,23.2 L 204.5,21.6 C 204.5,20.9 204.4,20.4 204.2,20.3 C 204.0,20.1 203.5,20.