今天看传智播客的视频,照着杨中科老师讲的写了一个连连看的界面布局。
代码如下:MainPage.xml.cs
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;
using Windows.UI.Xaml.Media.Imaging;
// “空白页”项模板在 http://go.microsoft.com/fwlink/?LinkId=234238 上有介绍
namespace App1
{
/// <summary>
/// 可用于自身或导航至 Frame 内部的空白页。
/// </summary>
public sealed partial class MainPage : Page
{
public MainPage()
{
this.InitializeComponent();
}
/// <summary>
/// 在此页将要在 Frame 中显示时进行调用。
/// </summary>
/// <param name="e">描述如何访问此页的事件数据。Parameter
/// 属性通常用于配置页。</param>
protected override void OnNavigatedTo(NavigationEventArgs e)
{
for (int i = 0; i < 10; i++)
{
RowDefinition rdef = new RowDefinition();
grid1.RowDefinitions.Add(rdef);
}
for (int i = 0; i < 8;i++ )
{
ColumnDefinition cldef = new ColumnDefinition();
grid1.ColumnDefinitions.Add(cldef);
}
Random rand = new Random();
for (int row = 0; row < 10;row++ )
{
for (int col = 0; col < 8;col++ )
{
Image img = new Image();
int num = rand.Next(1, 10);
string filename = "ms-appx:///Images/" + num + ".png";
img.Source = new BitmapImage(new Uri(filename));
grid1.Children.Add(img);
Grid.SetRow(img, row);
Grid.SetColumn(img, col);
}
}
}
}
}
成果截图:
源代码见我的资源列表