【C#.NET】C#皮肤与主题应用实例

1.控件皮肤(.Skin)--外观文件
在外观文件中添加一些控制的控件。这些控件的定义和Web窗体中添加的控件的声明都是一样的。
只不过不要在这里添加任何和文字有关的信息(比如Text属性).否则所有应用到这个皮肤的控件的文字都会是一样的。
ASP.NET会自动把.Skin文件中控件的定义应用到服务器控件上。
当然,如果我们某一个控件不想应用主题的话只需要设置它的EnableTheming=False即可。

2.主题文件
只需在源代码开始加入Theme=“ThemeName”即可,
或在Page_PreInit()中加入以上代码也可,
或在Web.Config文件<System.Web>中加入以下语句(针对所有页面):
<Pages Theme="ThemeName" />

3.切换网站主题
首先先准备三套皮肤(Default,Red,Blue)(每套主题都包括一个CSS文件和一个.Skin文件).
然后在页面加入一个DropDownList 用于获取每个主题的名称和选择相应的主题。
然后加入以下代码:
ContractedBlock.gif ExpandedBlockStart.gif Code
 protected void Page_Load(object sender, EventArgs e)
ExpandedBlockStart.gifContractedBlock.gif    
{
        
if (!IsPostBack)
ExpandedSubBlockStart.gifContractedSubBlock.gif        
{
    
//获取相关主题名称并填入DropDownList中并设置默认的主题Default
            DirectoryInfo di = new DirectoryInfo(Server.MapPath("App_Themes"));
            DropDownList2.DataSource = di.GetDirectories();
            DropDownList2.DataTextField = "Name";
            DropDownList2.DataValueField = "Name";
            DropDownList2.DataBind();
            DropDownList2.SelectedValue = Page.Theme;
        }

    }


    
protected void Page_PreInit(object sender, EventArgs e)
ExpandedBlockStart.gifContractedBlock.gif    
{
   
//根据选择设置相应的主题
        if (Request.QueryString["Theme"== null)
ExpandedSubBlockStart.gifContractedSubBlock.gif        
{
            Page.Theme = "Red";
        }

        
else
ExpandedSubBlockStart.gifContractedSubBlock.gif        
{
            Page.Theme = Request.QueryString["Theme"].ToString();
        }

    }

     protected   void  DropDownList2_SelectedIndexChanged( object  sender, EventArgs e)
ExpandedBlockStart.gifContractedBlock.gif    
{
        Response.Redirect("?Theme="+DropDownList2.SelectedValue+"");
    }
如果用户没有主题则应用默认主题。
母版页是不能使用这种主题切换的,因为母版页是没有Page_PreInit()事件的。
如果要为整个网站使用主题应该在Web.Config文件中设置。

转载于:https://www.cnblogs.com/cuishao1985/archive/2009/09/10/1564116.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值