您的位置:首页 >科技 >

如何做到asp.net从入门到精通

3 状态管理和Style类

3.3 开发自定义的Style类

在上一节中,我们讲到了Style类的属性和方法。但是Style类本身并没有提供全面的CSS样式属性的支持。我们需要继承Style类或Style类的子类,才能支持我们想要的CSS样式属性。

首先我们分析我们现在所写的Register控件的主要布局格式即Table布局,那么我们只需要继承与Style类的子类TableStyle类就可以获取Table的样式控制。

首先我们先来添加一个新类,类名为:RegisterControleStyle。首先为RegisterControleStyle类提供无参构造函数RegisterControleStyle()。然后在提供以下代码中的构造函数:

以下为引用的内容:

using System;

using System.Collections.Generic;

using System.Text;

using System.ComponentModel;

using System.Text;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

 

namespace RegisterControl

{

public enum BackImageRepeat

{

Repeat,RepeatX,RepeatY,NoRepeat,Inherit

}

 

public class RegisterControlStyle : TableStyle

{

public RegisterControlStyle()

{ }

 

public RegisterControlStyle(StateBag viewState)

: base(viewState)

{

 

}

}

}

注意:在这里的第二个构造函数传递了一个StateBag类型的参数,并调用了基类的构造函数。

我们仔细观察RegisterControleStyle类的构造函数的第二种重载形式,我们将实例化RegisterControleStyle对象是传递的ViewState传给了父类。为什么要这么做??聪明的园友一定知道了,呵呵 让父类的样式属性也保存在当前自定义控件的ViewState中。

在自定义控件中,还需要公开一些当前自定义控件的特定属性,本例中我们定义一个背景图片重复的枚举:

以下为引用的内容:

public enum BackImageRepeat

{

Repeat,RepeatX,RepeatY,NoRepeat,Inherit

}

现在我们在RegisterControleStyle类中添加一个公共属性BackImageRepeat,BackImageRepeat属性是我们刚才定义的枚举类型的。代码如下所示:

以下为引用的内容:

public BackImageRepeat BackImageRepeat

{

get

{

if (this.ViewState["BackImageRepeat"] != null)

{

return (BackImageRepeat)this.ViewState["BackImageRepeat"];

}

return BackImageRepeat.NoRepeat;

}

set

{

this.ViewState["BackImageRepeat"] = value;

}

}

注意:所有自定义控件的强类型样式属性必须使用ViewState集合作为内部存储,否则页面将无法获取该样式属性。

我们还需要提供一个判断开发者是否设定了CSS样式属性的方法IsSetCssAtt(),代码如下所示:

以下为引用的内容:

internal virtual bool IsSetCssAtt(string key)

{

return this.ViewState[key] != null;

}

现在我们来复写基类中判断样式属性是否设置的属性IsEmpty,代码如下所示:

public override bool IsEmpty

{

get

{

return base.IsEmpty && !IsSetCssAtt("BackImageRepeat");

}

}

自定义Style类复写IsEmpty属性,首先需要判断基类中的样式属性是否已经设定了,然后再判断子类中的样式属性受否已经被设定。

通过复写IsEmpty属性,我们可以迅速的知道自定义CSS样式属性是否已经设定了。

所有的自定义Style类都必须复写Reset()方法,以移除添加到ViewState中的属性项。Reset()方法代码如下:

以下为引用的内容:

/// <summary>

/// 用于重新设定属性时调用的方法

/// </summary>

public override void Reset()

{

//首先重设基类属性

base.Reset();

//当前所有属性为空时 直接返回

if (IsEmpty)

return;

 

//如果设定了自定义样式属性

if (IsSetCssAtt("BackImageRepeat"))

//移除自定义样式属性,防止繁复覆盖

this.ViewState.Remove("BackImageRepeat");

}

在Style类中定义了一个虚方法,用以呈现每一个枚举样式。重写FillStyleAttributes()方法代码如下所示:

以下为引用的内容:

protected override void FillStyleAttributes(CssStyleCollection attributes, IUrlResolutionService urlResolver)

{

base.FillStyleAttributes(attributes, urlResolver);

 

if (this.IsSetCssAtt("BackImageRepeat"))

{

attributes.Add("background-repeat",this.GetBackImageRepeat(this.BackImageRepeat));

}

}

 

/// <summary>

/// 通过自定义枚举获取特定的CSS样式属性字符串

/// </summary>

/// <param name="b"></param>

/// <returns></returns>

protected virtual string GetBackImageRepeat(BackImageRepeat b)

{

switch (b)

{

case BackImageRepeat.Inherit:

return "";

case BackImageRepeat.NoRepeat:

return "no-repeat";

case BackImageRepeat.Repeat:

return "repeat";

case BackImageRepeat.RepeatX:

return "repeat-y";

case BackImageRepeat.RepeatY:

return "repeat-x";

default:

return "no-repeat";

}

}

注意:我们将自定义的枚举类型转化为CSS样式属性的值字符串,然后在添加至样式集合中。

现在我们来复写CopyForm()方法,以便将传入参数的Style对象赋值给相关的样式属性。代码如下所示:

以下为引用的内容:

public override void CopyFrom(Style s)

{

if (s == null)

return;

 

base.CopyFrom(s);

RegisterControlStyle rs = s as RegisterControlStyle;

if (rs == null || rs.IsEmpty)

return;

 

if (rs.IsSetCssAtt("BackImageRepeat"))

this.BackImageRepeat = rs.BackImageRepeat;

}

自定义Style类还需要重写接类的MergeWith()方法,目的是将传入的Style对象的样式属性和自己的样式属性合并。代码如下:

以下为引用的内容:

public override void MergeWith(Style s)

{

if (s == null)

return;

 

if (IsEmpty)

{

CopyFrom(s);

return;

}

 

RegisterControlStyle rs = s as RegisterControlStyle;

if (rs == null || rs.IsEmpty)

return;

if (rs.IsSetCssAtt("BackImageRepeat"))

this.BackImageRepeat = rs.BackImageRepeat;

 

}

在下一节中讲解如何使用我们的自定义Style类。

关键词: asp net从入门到精通

  • 第二个路由器是设置静态还是动态? 第二个路由器是设置静态还是动态?答:静态或动态都可以。设置第二个路由器上网的时候,第二个路由器的上网方式可以设置成动态IP上网,也可
  • Win11面部识别设置不了怎么办? Win11面部识别不能用怎么办?目前win11系统中部分机型可以支持用户设置面部识别功能,但并非所有设备都兼容该功能,那么Win11面部识别设置不
  • win11怎么关闭触控板? Win11怎么关闭触控板?很多喜欢用笔记本的用户相信自己对笔记本中的触控板已经很熟悉了。可以代替鼠标使用,但是有时候我们的触摸板在连接鼠
  • win11系统卡在暗模式怎么办? 大多数 Windows 用户发现在操作 Windows 系统时使用暗模式主题很舒服。碰巧的是,在使用了几天后,他们可能会在白天使用系统时想将其更
  • 火绒安全如何开启GPU加速? 火绒安全如何开启GPU加速呢?今日为你们带来的文章是火绒安全开启GPU加速的方法,还有不清楚小伙伴和小编一起去学习一下吧。火绒安全开启GPU
  • 骁龙和天玑处理器哪个好 目前大部分智能手机的处理器,用的都是骁龙处理器和天玑处理器。处理器决定了手机的性能和功耗,处理器配置越好的话,使用的流畅度和体验感
  • GPU-Z怎么查看显存频率? GPU-Z怎么查看显存频率呢?今天小编就来讲解GPU-Z查看显存频率的方法,感兴趣的快跟小编一起来看看吧,希望能够帮助到大家。GPU-Z查看显存频
  • 大眼橙NEW X7D怎么样? 家用电视的热度为什么居高不下呢?因为随着人们娱乐方式的丰富,对娱乐设备的要求也越来越高了,很多人开始不满足于用电脑电视追剧看电影,
  • 黑爵K690T PRO怎么样? 在打游戏的时候键盘操作要快捷灵敏,除了手速外键盘性能也很重要,一起来看看这款黑爵K690T PRO机械键盘怎么样吧~黑爵K690T PRO的包装十
  • 支付宝中亲密付和亲情卡有什么不同? 在支付宝上有很多有关亲情支付的卡片,可以为家人们提供各类消费额度,那亲密付和亲情卡的区别有哪些?亲密付和亲情卡的区别亲密付和亲情卡