WPF中多幅图片的显示

只是想在WPF下编写一个简单的框架，能够显示文件夹中的图片。
由于想要显示不同类型的图片，就创建了一个TabControl，再在每一个TabItem里面添加了一个Image控件来显示图片。还加入了一些按钮用来控制上一张或者下一张图片的显示。

<Grid>
<TabControl Height="500" HorizontalAlignment="Left" Margin="460,12,0,0" Name="tabControl" VerticalAlignment="Top" Width="420">
<TabItem Header="Glass" Name="tabItem1">
<Grid>
<Image Height="460" Margin="0,0,0,0" Name="imageGlass" Stretch="Fill" VerticalAlignment="Top" Width="400" />
</Grid>
</TabItem>
<TabItem Header="Watch" Name="tabItem2" >
<Grid>
<Image Height="460" Margin="0,0,0,0" Name="imageWatch" Stretch="Fill" VerticalAlignment="Top" Width="400"  />
</Grid>
</TabItem>
</TabControl>
<Image Height="500" HorizontalAlignment="Left" Margin="12,12,0,0" Name="imageBody" Stretch="Fill" VerticalAlignment="Top" Width="420"  />
<Button Content="确    定" Height="23" HorizontalAlignment="Left" Margin="320,525,0,0" Name="button1" VerticalAlignment="Top" Width="75" />
<Button Content="上一张" Height="23" HorizontalAlignment="Left" Margin="540,525,0,0" Name="bottonPrior" VerticalAlignment="Top" Width="75" Click="buttonPrior_Click"  />
<Button Content="下一张" Height="23" HorizontalAlignment="Left" Margin="710,525,0,0" Name="bottonNext" VerticalAlignment="Top" Width="75" Click="buttonNext_Click"  />
</Grid>

因为需要显示文件夹下的图片，就要得到文件夹内图片的路径，我将这些图片分类后放在了不同的文件夹下，并定义了路径数组：

string[] pathGlass = System.IO.Directory.GetFiles("E:\\C#\\201303\\glass");
string[] pathWatch = System.IO.Directory.GetFiles("E:\\C#\\201303\\watch");
int numGlass = 0;
int numWatch = 0;

pathGlass数组内存放了glass文件夹下的所有图片的路径信息，并为该数组定义了游标numGlass，为遍历时确定图片索引。

在上面XAML框架设计中，定义的Image控件，通过调用Source可以显示图片，所以需要将图片运用路径信息得到该图片的位图信息传给相应的Source。于是就定义了如下的方法：

private BitmapImage colorBitmap(string path)
{
BitmapImage bitmapImage;
bitmapImage = new BitmapImage();
bitmapImage.BeginInit();
bitmapImage.StreamSource = System.IO.File.OpenRead(path);
bitmapImage.EndInit();
return bitmapImage;
}

这样一来只需调用该方法就能将图片传递给界面显示：

public MainWindow()
{
InitializeComponent();
if (pathGlass.Length>=1)
{
this.imageGlass.Source = colorBitmap(pathGlass[0]);
}
if (pathWatch.Length >= 1)
{
this.imageWatch.Source = colorBitmap(pathWatch[0]);
}
}

接下来就是点击按钮事件了，因为定义了TabControl控件，当选中某一个TabItem后，相应的按钮事件就要执行该TabItem下的内容了。就拿点击“上一张”按钮而言：

private void buttonPrior_Click(object sender, RoutedEventArgs e)
{
if (this.tabItem1.IsSelected)
{
if (numGlass == 0)
{
numGlass = pathGlass.Length - 1;
}
else numGlass--;
this.imageGlass.Source = colorBitmap(pathGlass[numGlass]);
}
if (this.tabItem2.IsSelected)
{
if (numWatch == 0)
{
numWatch = pathWatch.Length - 1;
}
else numWatch--;
this.imageWatch.Source = colorBitmap(pathWatch[numWatch]);
}
}

最终效果图为：



刚开始学C#没多久，左边的空白部分是打算显示Kinect摄像结果的。这也是第一份CSDN的博文，以后打算好好学习，经常光顾CSDN，想要坚持把学到的知识记录下来。