『Asp.Net 组件』Asp.Net 服务器组件 内嵌图片:自己的图片控件

代码:

using System;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace DemoWebControl
{
    /// 
    /// 自己的Asp.Net服务器组件 Image:输出内嵌的在程序集中的 图片资源
    /// 
    public class DemoImage : WebControl
    {
        protected bool IsDesignMode
        {
            get { return DesignMode || HttpContext.Current == null || Page == null; }
        }
        public DemoEnumImage DemoEnumImage { get; set; }

        //通过用户在 属性中的设置,将内嵌的图片 作为 IMG标签 输出到 页面
        protected override void Render(HtmlTextWriter output)
        {
            string imageUrl = string.Empty;
            if (Page!=null)
            {
                if(DemoEnumImage==DemoEnumImage.Image01)
                    imageUrl = Page.ClientScript.GetWebResourceUrl(GetType(), 
                                @"DemoWebControl.Resources.DemoImage01.jpg");
                else if (DemoEnumImage == DemoEnumImage.Image02)
                    imageUrl = Page.ClientScript.GetWebResourceUrl(GetType(), 
                                @"DemoWebControl.Resources.DemoImage02.jpg");
                else if (DemoEnumImage == DemoEnumImage.Image03)
                    imageUrl = Page.ClientScript.GetWebResourceUrl(GetType(), 
                                @"DemoWebControl.Resources.DemoImage03.jpg");
            }

            output.Write("");
        }
    }

    [Serializable]
    public enum DemoEnumImage { Image01, Image02, Image03, }
}

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DemoImagePage.aspx.cs" 
Inherits="AspNetDemo.DemoImagePage" %>
<%@ Register assembly="DemoWebControl" namespace="DemoWebControl" tagprefix="Demo" %>





    


    

嵌入资源:

『Asp.Net 组件』Asp.Net 服务器组件 内嵌图片:自己的图片控件_第1张图片

运行截图:

『Asp.Net 组件』Asp.Net 服务器组件 内嵌图片:自己的图片控件_第2张图片

相关技术点:

  • 将一个图片资源 内嵌到 程序集中,需要设置 文件VS属性(生成操作:签入的资源);
  • 程序集项目AssemblyInfo.cs中需要加入如下代码(其中WebResource包括 资源名称,资源类型):
  • // 可以指定所有这些值,也可以使用“内部版本号”和“修订号”的默认值,
    // 方法是按如下所示使用“*”:
    // [assembly: AssemblyVersion("1.0.*")]
    [assembly: AssemblyVersion("1.0.0.0")]
    [assembly: AssemblyFileVersion("1.0.0.0")]
    
    //此标识 可以让 拖拽的控件 自动以 Demo 作为 tagprefix 属性,比如:
    //<%@ Register assembly="DemoWebControl" namespace="DemoWebControl" tagprefix="Demo" %>
    [assembly: TagPrefix("DemoWebControl", "Demo")]
    
    [assembly: WebResource("DemoWebControl.Resources.DemoImage01.jpg", "image/jpeg")]
    [assembly: WebResource("DemoWebControl.Resources.DemoImage02.jpg", "image/jpeg")]
    [assembly: WebResource("DemoWebControl.Resources.DemoImage03.jpg", "image/jpeg")]
    
    [assembly: WebResource("DemoWebControl.Resources.DemoCss01.css", "text/css")]
    [assembly: WebResource("DemoWebControl.Resources.DemoJs01.js", "text/javascript")]

  • 获取 程序集中的 内嵌文件的Url代码是:Page.ClientScript.GetWebResourceUrl(GetType(),@"资源名称");

相关系列文章链接:

  • 『Asp.Net 组件』Asp.Net 服务器组件 的开发优势和劣势
  • 『Asp.Net 组件』第一个 Asp.Net 服务器组件:自己的文本框控件
  • 『Asp.Net 组件』Asp.Net 服务器组件 内嵌图片:自己的图片控件
  • 『Asp.Net 组件』Asp.Net 服务器组件 内嵌CSS:将CSS封装到程序集中
  • 『Asp.Net 组件』Asp.Net 服务器组件 内嵌JS:让自己的控件动起来
  • 『Asp.Net 组件』Demo源码在线阅读

你可能感兴趣的:(『Asp.Net 组件』Asp.Net 服务器组件 内嵌图片:自己的图片控件)