欢迎来到天天文库
浏览记录
ID:2050418
大小:374.00 KB
页数:7页
时间:2017-11-14
《.net中怎么变态更换主题的方法》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、1.添加主题:在项目上面,点击右键,选添加asp.net文件夹,然后选择主题……点击后,会自动添加一个app_themes文件,在文件地下会出现一个“主题1”的子文件夹,我们可以随意更改名字……我已经创建了两个主题,一个叫“black”,一个叫“whiet”,在这两个文件夹下,创建子文件用于存储图片的image在两个主题的image里面,分别添加了两个不同的图片。但是仔细看,它们的名字相同。因为在程序中,我们如果动态的改变图片的名字,在主题多的时候会很麻烦,所以,用相同的名字,会减少许多不必要的麻烦。好,接下来我们添加Ski
2、nFile.skin文件在主题文件夹上面,右键选添加新项……在弹出的对话框里面,选择外观文件,名字可以任意更改……点添加好,大家可以看到一个XX.skin的文件,这就是外观文件,我们可以通过它,来设置按钮或者其他控件的图片,当然,也可以添加CSS来控制样式,同样,在里面添加一个CSS文件,并设置好需要的样式就可以了。在这里我就不做了。继续主题……页面里面,添加了两个ImageButton(图片按钮)效果如下:这是两个图片按钮,接下来我们为了方便,要设置一下它的ID就是这里,起名为:Imbut1和Imbut2,页面就先做成这样
3、。现在我们就开始设置这两个按钮的主题……打开black里面的xx.skin文件……打开后,里面有两个微软给的例子,方便我们操作:我们是设置外观,所以,按照第二个实例来写(在--%>后面添加):这里来解释一下这两句代码:4、Button代表是ASP服务器控件runat="server"ImageUrl=""里面是给的图片路径SkinID=“”是每个按钮的ID,如果不设置,它会将所有ImageButton的空间应用上这个图片这个主题就设置成功了。在另外一个主题里面的xx.skin文件里面拷贝上这句活就OK了……然后在页面里的图片按钮ImageButton的属性里面找到SkinID,它的名称和xx.skin里面设置的SkinID名称要相同如果这时候运行,我们会发现,主题并没有被应用,所以我们要在web.config文件里面对主题进行设置……先来添加5、web.config文件……同样,在项目上面点击右键,选“添加新项”,找到web配置文件,点添加……这是web.config文件,我们只需要在下面添加这句话就OK了,styleSheetTheme=""里面写的是主题文件夹的名字……好了,这样运行的话,就应该看到我们想要的主题了。如果想换主题,可以直接更改styleSheetTheme的参数……但是,我们想要像博客或者是一些网站,通过点击来动态的更换主题应该怎么办?接下来继续操作……双击页面6、或者按钮,转到CS文件里面,在里面添加下面内容:protectedvoidPage_PreInit() { Page.Theme=Request.QueryString["Theme"]; }如图:这里是获取用户的请求“Theme”中的值这样,我们就在每个按钮的单击事件中,将我们需要的主题名称传给page.theme,就能实现用户选择主题在单击按钮中我们这样写……这时候就可以实现用户对主题的选择,并动态的加载主题的功能了效果如下当点击暂停按钮的时候,变成下图:好了,这样就实现了一个简单的更换主题
4、Button代表是ASP服务器控件runat="server"ImageUrl=""里面是给的图片路径SkinID=“”是每个按钮的ID,如果不设置,它会将所有ImageButton的空间应用上这个图片这个主题就设置成功了。在另外一个主题里面的xx.skin文件里面拷贝上这句活就OK了……然后在页面里的图片按钮ImageButton的属性里面找到SkinID,它的名称和xx.skin里面设置的SkinID名称要相同如果这时候运行,我们会发现,主题并没有被应用,所以我们要在web.config文件里面对主题进行设置……先来添加
5、web.config文件……同样,在项目上面点击右键,选“添加新项”,找到web配置文件,点添加……这是web.config文件,我们只需要在下面添加这句话就OK了,styleSheetTheme=""里面写的是主题文件夹的名字……好了,这样运行的话,就应该看到我们想要的主题了。如果想换主题,可以直接更改styleSheetTheme的参数……但是,我们想要像博客或者是一些网站,通过点击来动态的更换主题应该怎么办?接下来继续操作……双击页面
6、或者按钮,转到CS文件里面,在里面添加下面内容:protectedvoidPage_PreInit() { Page.Theme=Request.QueryString["Theme"]; }如图:这里是获取用户的请求“Theme”中的值这样,我们就在每个按钮的单击事件中,将我们需要的主题名称传给page.theme,就能实现用户选择主题在单击按钮中我们这样写……这时候就可以实现用户对主题的选择,并动态的加载主题的功能了效果如下当点击暂停按钮的时候,变成下图:好了,这样就实现了一个简单的更换主题
此文档下载收益归作者所有