任务三 在程序中创建多个主题并实现主题切换
上一节
下一节
任务三 在程序中创建多个主题并实现主题切换
【任务要点】
1.创建应用程序的多个主题
2.动态切换应用程序的主题
【案例】
在Web应用程序中创建多个主题并实现主题切换
本项目主要实现用户在页面中选择相应的主题后,应用程序的外观也随着主题的变化而发生改变。当用户选择主题1风格时或在程序默认的情况下,运行效果如图1-1所示。

当用户选择主题2风格时,运行效果如图1-2所示。
【具体步骤】
(1)布局网站。本程序主要采用表格布局的方式,在页面中添加一个Image控件,一个Calendar控件和两个LinkButton控件,并设置LinkButton的PostUrl属性,如下代码所示:
<asp:LinkButton ID="LinkButton1" runat="server" PostBackUrl="~/Default.aspx?theme=主题1">主题1</asp:LinkButton>
<asp:LinkButton ID="LinkButton2" runat="server" PostBackUrl="~/Default.aspx?theme=主题2">主题2</asp:LinkButton>
(2)创建主题。本程序实现两个主题的切换,所以需要创建两个程序主题,在App_Themes目录下创建两个主题,主题1和主题2,在每个主题的目录下分别创建default.skin文件、default.css文件和Images目录,如图1-3所示。

(3)动态应用主题。当主题创建完成后,在需要应用主题的页面里添加页面预先初始化方法,如图1-4所示。


