Question

感谢以下代码，我创建了图像并将其作为缩略图添加到FlowLayoutPanel。

实施非常简单。我读取目录中的可用图像并调用以下子过程。

Private Sub LoadImages(ByVal FlowPanel As FlowLayoutPanel, ByVal fi As FileInfo)
        Pedit = New DevExpress.XtraEditors.PictureEdit
        Pedit.Width = txtIconsWidth.EditValue
        Pedit.Height = Pedit.Width / (4 / 3)
        Dim fs As System.IO.FileStream
        fs = New System.IO.FileStream(fi.FullName, IO.FileMode.Open, IO.FileAccess.Read)
        Pedit.Image = System.Drawing.Image.FromStream(fs)
        fs.Close()
        fs.Dispose()
        Pedit.Properties.SizeMode = DevExpress.XtraEditors.Controls.PictureSizeMode.Zoom

        If FlowPanel Is flowR Then
            AddHandler Pedit.MouseClick, AddressOf Pedit_MouseClick
            AddHandler Pedit.MouseEnter, AddressOf Pedit_MouseEnter
            AddHandler Pedit.MouseLeave, AddressOf Pedit_MouseLeave
        End If

        FlowPanel.Controls.Add(Pedit)
    End Sub

现在，我想扩展它。我想创建分页效果。应用程序应该读取所有可用的图像，但只绘制屏幕可见的图像。

和往常一样，我不知道从哪里开始。我可以用你的灯吗？

......这是C＃版本！

private void LoadImages(FlowLayoutPanel FlowPanel, FileInfo fi)
{
    Pedit = new DevExpress.XtraEditors.PictureEdit();
    Pedit.Width = txtIconsWidth.EditValue;
    Pedit.Height = Pedit.Width / (4 / 3);
    System.IO.FileStream fs = null;
    fs = new System.IO.FileStream(fi.FullName, System.IO.FileMode.Open, System.IO.FileAccess.Read);
    Pedit.Image = System.Drawing.Image.FromStream(fs);
    fs.Close();
    fs.Dispose();
    Pedit.Properties.SizeMode = DevExpress.XtraEditors.Controls.PictureSizeMode.Zoom;

    if (object.ReferenceEquals(FlowPanel, flowR)) {
        Pedit.MouseClick += Pedit_MouseClick;
        Pedit.MouseEnter += Pedit_MouseEnter;
        Pedit.MouseLeave += Pedit_MouseLeave;
    }

    FlowPanel.Controls.Add(Pedit);
}

Answer 1

为了加快这个过程，一旦加载了图像，您就可以对它们进行缓存，这样您就不必在每次需要时从文件流加载。

虽然我不知道显式代码，但这是一个通用的过程：

1）你可以有一些变量，但最重要的是currentPage的整数。

2）接下来，您需要定义每个页面上显示的缩略图数量，可以是常量变量还是其他整数变量。我们称之为thumbsPerPage

3）在事件处理程序（OnClick，悬停或其他您希望的操作事件）上，执行以下操作：

4）清除所有项目的FlowPanel，可能类似于FlowPanel.Controls.Items.Clear（）

5）然后为该范围内的给定页面添加以下图像： [（currentPage-1）* thumbsPerPage，（currentPage * thumbsPerPage） - 1]

这假设您的图像索引从0开始，页面索引为1

示例，每页9张图片：在第1页你想要图像[0,8] 在第2页，你想要图像[9,17]等

因此在代码中它将类似于

FlowPanel.Items.Clear()
for(int i = (currentPage-1) * thumbsPerPage; i < (currentPage * thumbsPerPage) - 1; i++)
   FlowPanel.Controls.Add(Pedits[i])

最后，将您的代码转换为C＃：）...不是必需的，但是当用户不在VB.NET中时，用户更愿意提供帮助

如何在FlowLayoutPanel控件中实现分页效果？

1 个答案: