2016-11-22 75 views
0

我想为我在asp.net中编写的网站制作一些自定义按钮。我很难确定什么是最好的方法。asp.net中Web窗体的自定义按钮

对于这些按钮,我想设计他们的样子。矩形以外的形状是我所要做的。我也希望这些按钮的行为像一个正常的按钮会。可以说,按钮的正常状态版本是红色的,然后当我点击按钮时会变成黄色,最后当我释放时(鼠标按钮),它会变回红色。我还想让可点击区域与按钮的形状相同。

我看了ImageButtons,这不太适合我想要的。我看过用户控件和自定义控件,但我不知道这是否也是我想要的。在学校里,我们并没有真正在C sharp类或asp.net网络开发类中看过这些特性。大多数似乎符合我想要的东西都是winform中的演示和示例,而不一定是webforms。

什么是最好的方式去尝试和完成呢?用户控制的路要走吗?还是有更好的方法来完成这个?任何意见是极大的赞赏。我不想要代码,我只想知道你们认为哪个方法最简单。

谢谢。

+1

您应该创建它继承只有当你想要把更多的服务器端功能按钮自定义按钮。如果你只想改变设计部分使用CSS/jQuery(或其他JavaScript库)添加适当的CssClass的按钮。 – mybirthname

+0

@ mybirthname的解决方案是要走的路。 –

+0

非常感谢。我看到一个使用CSS进行回答的例子,我将对此进行试验。它看起来像用户或自定义服务器控件可以工作,但同时它看起来更复杂。感谢您指点我正确的方向。 –

回答

1

至于我,我也不会实现用户控件只是样式按钮。相反,我将使用CSS来设计它们,因为CSS重量轻且易于维护。

例如,

enter image description here

<style type="text/css"> 
    .submit { 
     border: 1px solid #563d7c; 
     border-radius: 5px; 
     color: white; 
     padding: 5px 10px 5px 25px; 
     background: url(https://i.stack.imgur.com/jDCI4.png) 
      left 3px top 5px no-repeat #563d7c; 
    } 
</style> 

<asp:Button runat="server" ID="Button1" Text="Submit" CssClass="submit" /> 
+0

谢谢。我会玩这个,看看它是怎么回事。我能用CSS获得的经验越多越好。 –

1

用户或自定义控件是要走的路。您可以定义HTML,CSS,Javascript,渲染以及您的控件所需的所有内容。

用户控件是.ascx文件,您可以在您的代码后面实现。它们既轻松又轻便,但对大型项目不利。

自定义控件已编译,如果需要,可以将它们拖放到窗体中。这些需要更多的时间,但您可以控制渲染,并在大型项目中运行良好。

你可以在这里阅读更多:

https://msdn.microsoft.com/en-us/library/aa651710%28v=vs.71%29.aspx?f=255&MSPPError=-2147217396

+0

感谢您在用户和自定义控件上的输入。我会玩这个解决方案和CSS。我可以学到的越多,我会来的开发者越好。谢谢您的意见。 –