VB.NET 章鱼哥出品--入门基础Button控件的使用详解(一)

全网最全的Button控件详解!!!Button 按钮是VB.NET 中最基础,也是最常用的控件,不管你是初学者还是大牛。每个程序中必然少不了Button按钮。但是Button控件有很多用法很多大牛却不见得知道。用的最多的无非就是在点击事件中处理程序,今天我将使用2到3篇文章的篇幅来详细讲解Button按钮的用法。 

    '作者:章鱼哥,QQ:3107073263 群:309816713      

     '如有疑问或好的建议请联系我,大家一起进步    

1,属性(以最常用的开始)
(1)Name属性

定义按钮的名称,可以是英文也可以是中文。在实际定义中我们最好遵循命名规范来命名。我一般使用帕斯卡命名法,即所有断点处都用大写字母,如ButStart定义名称。

这个属性定义很简单,就是在窗体界面中,修改属性。注意名称命名一定要规范,想让别人能看懂你的代码,命名很关键。
(2)Text属性
定义按钮上显示的文字,这个很简单了,可以在属性框中直接赋值,也可以在代码中赋值,如 ButStart.Text = "进入章鱼哥博文"  。显示的效果如下图:。我们可以看到,按钮的上的文字没有显示完整,“博文”两个字没有显示出来。怎么解决呢。就要用到下面的属性AutoSize

(3)AutoSize属性
这个属性如何使用呢,只要把AutoSize属性设置为True,按钮就可以根据你输入的文字的大小和个数自动改变尺寸。设置的方法有两个:一个是在属性窗口中直接双击AutoSize属性,改变属性值,另一种在代码中改变。代码如下:

  ButStart.Text = "进入章鱼哥博文"
  ButStart.AutoSize = True
效果如下图: 。除了AutoSize,我们还有没有其他的办法了呢,当然有了,改变按钮大小尺寸不就行了。下面我们就来讲讲Size属性。
(4)Size属性

修改Szie属性可以精确的控制控件的大小,其实在属性窗口中就可以方便的修改,如下图所示:

在代码中修改也比较方便:

   ButStart.Text = "进入章鱼哥博文"
   'ButStart.AutoSize = True
   ButStart.Size = New Point(150, 30) '定义控件的尺寸;长:150,高:30。注意:这是AutoSzie属性不能设置为True
运行代码截图如下: ,我们发现按钮中“进入章鱼哥博文”这几个字是中间对齐分布的,我们如果想左对齐或者右对齐怎么办呢?下面用到TextAlign
(5)TextAlign 属性
这个属性是设置Text属性的对齐方式,他有9种方式可供选择,从属性窗口上我们可以方便的选择,分别是:TopLeft、MiddleLeft、BottomLeft;TopCenter、MiddleCenter、BottomCenter;TopRight、MiddleRight、BottomRight。

代码实现也很简单:
        ButStart.Text = "进入章鱼哥博文"
        'ButStart.AutoSize = True
        ButStart.Size = New Point(150, 30) '定义控件的尺寸;长:150,高:30。注意:这是AutoSzie属性不能设置为True
        ButStart.TextAlign = Drawing.ContentAlignment.MiddleLeft '设置成中间左对齐
代码运行效果如图: 。文字的对齐方式可以了,如何设置文字的字体呢。就要用到 Font属性了。
(6)Font属性
这个属性就可以设置Text的字体格式了,包括字体、大小、是否加粗、是否加下划线、是否是斜体等等。我们就来看看吧:
设置 Font属性也有两种方法,一种是咋属性窗口上。找到Font属性,然后点击后面的小按钮就会跳出设置窗体。如图所示:
在代码中,我们也可以的方便的实现:

   Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
        ButStart.Text = "进入章鱼哥博文"
        'ButStart.AutoSize = True
        ButStart.Size = New Point(150, 30) '定义控件的尺寸;长:150,高:30。注意:这是AutoSzie属性不能设置为True
        ButStart.TextAlign = Drawing.ContentAlignment.MiddleLeft '设置成中间左对齐
        '设置字体格式为“宋体,14号,加粗斜体加下划线”
        ButStart.Font = New Font("宋体", 14, Drawing.FontStyle.Bold Or Drawing.FontStyle.Italic Or Drawing.FontStyle.Underline)
    End Sub
运行效果图: 。我们看到当改变字体大小时,“文”这个字就没显示出来,这是因为我们将AutoSize设置为了False.在不能全部显示文字的情况下,如果我们想让他提示后面还有文字没有显示怎么办呢?这就是下面要讲的AutoEllipsis属性。
(7)AutoEllipsis属性
当文字不能全部显示的时候,将该属性设置为True,后面没显示的文字后自动用 ..两个点代替。实现方法也是两种,一种在属性窗口, ,一种是在代码中实现,就更简单了:  ButStart.AutoEllipsis = True'自动处理不显示的文字
运行效果图: 。具体用不用由你自己决定,这里只是介绍了这种功能。下面我们继续:前面是设置字体格式,那么文字的颜色怎么设置呢,看下面的属性ForeColor属性
(8)ForeColor属性
设置文字的颜色,大家应该很好理解的。这里就将怎么实现吧:同样的两种方式,第一种属性窗口上改变,
还可以在代码中设置:
 Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
        ButStart.Text = "进入章鱼哥博文"
        'ButStart.AutoSize = True
        ButStart.Size = New Point(150, 30) '定义控件的尺寸;长:150,高:30。注意:这是AutoSzie属性不能设置为True
        ButStart.TextAlign = Drawing.ContentAlignment.MiddleLeft '设置成中间左对齐
        '设置字体格式为“宋体,14号,加粗斜体加下划线”
        ButStart.Font = New Font("宋体", 14, Drawing.FontStyle.Bold Or Drawing.FontStyle.Italic Or Drawing.FontStyle.Underline)
        ButStart.AutoEllipsis = True '自动处理不显示的文字
        ButStart.ForeColor = Color.FromArgb(255, 0, 0) '利用RGB的组合赋值。当然还有最简单的
        ' ButStart .ForeColor =Color.Red 这种方法最简单。之所以把上面那种方法写上,是为了多教大家一种方法

    End Sub
运行效果图: 。好了现在我们基本上吧Text属性的一些设置都讲清楚了。那么下面我们来讲讲怎么设置按钮的背景和样式:
(9)BackColor属性
这是设置按钮的背景颜色,其实和ForeColor的用法一样,这里我就不多讲了。真的是一模一样。这里只要注意在代码设置中这样写:
ButStart .BackColor =Color.Blue'设置背景颜色,这里设置成蓝色

运行效果图: 。下面我们来设置按钮的背景图片。就是给按钮的背景设置成一张图片:
(10)BackgroundImage 属性
为按钮添加背景图片,方法同样两种,在属性窗体上,找到BackgroundImage属性点击后面的小按钮。截图如下:

你可以在窗体中导入图片,然后点击确定。如果选择项目资源导入,那么该图片会被复制到程序哦根目录下。如果选择本地资源导入,则不会复制。

在代码中实现也很简单:

  Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
        ButStart.Text = "进入章鱼哥博文"
        'ButStart.AutoSize = True
        ButStart.Size = New Point(200, 80) '定义控件的尺寸;长:200,高:80。注意:这是AutoSzie属性不能设置为True
        ButStart.TextAlign = Drawing.ContentAlignment.MiddleLeft '设置成中间左对齐
        '设置字体格式为“宋体,14号,加粗斜体加下划线”
        ButStart.Font = New Font("宋体", 14, Drawing.FontStyle.Bold Or Drawing.FontStyle.Italic Or Drawing.FontStyle.Underline)
        ButStart.AutoEllipsis = True '自动处理不显示的文字
        ButStart.ForeColor = Color.FromArgb(125, 100, 250) '利用RGB的组合赋值。当然还有最简单的
        ' ButStart .ForeColor =Color.Red 这种方法最简单。之所以把上面那种方法写上,是为了多教大家一种方法
        ButStart.BackColor = Color.Blue '设置背景颜色,这里设置成蓝色
        '为按钮导入背景图片,通过图片地址导入
        ButStart.BackgroundImage = Image.FromFile("C:\Users\Administrator.PC-20130320TARC\Desktop\照片\章鱼哥.png")

    End Sub
这里为了演示方便,我修改了按钮的Size和ForeColor属性。图片是地址导入:运行效果图:

这里我们要怀疑了,为什么图片只显示一部分。这可不是我们想要的。怎么办呢?不急,有解决的办法。看下面属性。
(11)BackgroundImageLayout 属性
该属性是设置图片显示的样式。有四种选项Center、 None、Stretch、Tile、Zoom。具体对应的效果,读者可以自己尝试。为了解决上面哦问题,这里设置成拉伸模式,即Stretch。属性窗口设置方法:

代码实现:
        ButStart.Text = "进入章鱼哥博文"
        'ButStart.AutoSize = True
        ButStart.Size = New Point(200, 80) '定义控件的尺寸;长:150,高:30。注意:这是AutoSzie属性不能设置为True
        ButStart.TextAlign = Drawing.ContentAlignment.MiddleLeft '设置成中间左对齐
        '设置字体格式为“宋体,14号,加粗斜体加下划线”
        ButStart.Font = New Font("宋体", 14, Drawing.FontStyle.Bold Or Drawing.FontStyle.Italic Or Drawing.FontStyle.Underline)
        ButStart.AutoEllipsis = True '自动处理不显示的文字
        ButStart.ForeColor = Color.FromArgb(125, 100, 250) '利用RGB的组合赋值。当然还有最简单的
        ' ButStart .ForeColor =Color.Red 这种方法最简单。之所以把上面那种方法写上,是为了多教大家一种方法
        ButStart.BackColor = Color.Blue '设置背景颜色,这里设置成蓝色
        '为按钮导入背景图片,通过图片地址导入
        ButStart.BackgroundImage = Image.FromFile("C:\Users\Administrator.PC-20130320TARC\Desktop\照片\章鱼哥.png")
        ButStart.BackgroundImageLayout = ImageLayout.Tile  '设置为拉伸样式
运行效果图:     
 

好了今天就讲到这里。下面还有好多内容,下面的文章再讲吧。

  • 5
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码中配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程中,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码中的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。
很抱歉,由于引用[1]中提供的是vue-quill-editor.js的使用教程,而非与vb.net的集成方法,因此无法直接回答该问题。但是,我可以提供一些相关信息来帮助你更好地了解如何在vb.net使用vue-quill-editor。 Vue-quill-editor是一个基于Quill.js的富文本编辑器,而Quill.js本身是一个纯JavaScript库,因此可以在任何支持JavaScript的环境中使用。在vb.net使用Vue-quill-editor,你需要将其作为一个JavaScript库引入到你的项目中,并在你的代码中调用它的API来实现富文本编辑器的功能。 具体来说,你需要在你的vb.net项目中引入Vue.js和Vue-quill-editor.js这两个JavaScript库,并在你的代码中创建一个Vue实例来初始化Vue-quill-editor组件。以下是一个简单的示例代码: ```html <!-- 引入Vue.js和Vue-quill-editor.js --> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-quill-editor.js"></script> <!-- 在HTML中添加一个容器元素,用于渲染Vue-quill-editor组件 --> <div id="editor"> <quill-editor></quill-editor> </div> <!-- 在JavaScript中创建Vue实例,并初始化Vue-quill-editor组件 --> <script> new Vue({ el: '#editor', components: { 'quill-editor': VueQuillEditor.default } }) </script> ``` 在上面的代码中,我们首先在HTML中添加了一个id为“editor”的容器元素,用于渲染Vue-quill-editor组件。然后,在JavaScript中创建了一个Vue实例,并将其绑定到“editor”元素上。最后,我们通过调用Vue-quill-editor组件的API来初始化富文本编辑器。 需要注意的是,上面的代码仅仅是一个简单的示例,实际使用中还需要根据具体的需求进行相应的配置和调整。同时,由于Vue-quill-editor是一个第三方库,其API和使用方法可能会随着版本的更新而发生变化,因此在使用时需要仔细查阅官方文档并进行相应的调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值