ここで何か間違ったことをしているようです。
私がやりたいのは、グリッドビュー内にサムネイル画像を表示することだけです。
ASPX ページには、gridview と asp:image コントロールがあります。asp:image コントロールの imageurl は Web サイトから取得されます。
imageUrl を取得したら、以下の ResizeImage 関数を使用して画像をサムネイルとしてレンダリングします。最後に、以下のコードに示すように、サムネイル画像を表示する gridview 列にサムネイルを割り当てたいと思います
protected void SearchResults_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType.Equals(DataControlRowType.DataRow))
{
System.Web.UI.WebControls.Image imgNew = (System.Web.UI.WebControls.Image)e.Row.FindControl("ProductThumbField");
imgNew.Source = Utils.ResizeImage(imgNew.ImageUrl.ToString(),60,60);
}
}
画像のサイズを変更するコードは次のとおりです。(stackoverflowの質問と回答の例から取得)。
private static Bitmap ResizeImage(String filename, int maxWidth, int maxHeight)
{
using (System.Drawing.Image originalImage = System.Drawing.Image.FromFile(filename))
{
//Caluate new Size
int newWidth = originalImage.Width;
int newHeight = originalImage.Height;
double aspectRatio = (double)originalImage.Width / (double)originalImage.Height;
if (aspectRatio <= 1 && originalImage.Width > maxWidth)
{
newWidth = maxWidth;
newHeight = (int)Math.Round(newWidth / aspectRatio);
}
else if (aspectRatio > 1 && originalImage.Height > maxHeight)
{
newHeight = maxHeight;
newWidth = (int)Math.Round(newHeight * aspectRatio);
}
Bitmap newImage = new Bitmap(newWidth, newHeight);
using (Graphics g = Graphics.FromImage(newImage))
{
//--Quality Settings Adjust to fit your application
g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.HighQualityBilinear;
g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
g.PixelOffsetMode = System.Drawing.Drawing2D.PixelOffsetMode.HighQuality;
g.CompositingQuality = System.Drawing.Drawing2D.CompositingQuality.HighQuality;
g.DrawImage(originalImage, 0, 0, newImage.Width, newImage.Height);
return newImage;
}
}
ASPX ページのコード スニペットを次に示します。
<asp:GridView ID="SearchResults" runat="Server" AutoGenerateColumns="false" EnableViewState="false"
AllowPaging="true" PageSize="10" ondatabound="SearchResults_DataBound" >
<RowStyle CssClass="EvenRow" />
<AlternatingRowStyle CssClass="OddRow" />
<Columns>
<asp:TemplateField meta:resourceKey="ProductThumbField">
<ItemStyle CssClass="ProductNameColumn" />
<HeaderStyle CssClass="ProductNameColumn" />
<ItemTemplate>
<asp:image id="ProductThumbImg" runat="server" imageurl='<%# GetProductThumb(Container.DataItem) %>' Width ="60px" Height = "60px" />
</ItemTemplate>
</asp:TemplateField>