第六章:常用控件日常科普标签(Lable)图片(Image)按钮(Button)

日常科普

1.控件是用于开发构建用户界面(UI)控件,帮助完成开发中视窗,文本框,按钮,下拉菜单,等界面元素 2.在LibGdx中,提供的控件有 按钮,勾选框,下拉框,图片,输入框,列表,滑动面板,滑条,分割面板 3.LibGdx中,控件需要样式(Style)才能完成控件的初始化,比如:(LabelStyle,ButtonStyle)等

标签(Lable)

val label = Label (CharSequence text, LabelStyle style) 

1.定义:文本标签,可自动换行 2.标签可进行缩放,旋转,设置起点 3.Lable标签实例化,需要传入LableStyle参数,否则无法实现实例化。 4.Lable和LableStyle一般配套使用

LableStyle 1.定义:文本标签样式 2.构成:由hiero的 .fnt.png,以及color构成(BitmapFont中的颜色,可自定义)。 使用:

generator = FreeTypeFontGenerator(Gdx.files.internal("hksn.ttf"))
fontData = generator.generateDataUnRepeat(20, "你认我做大哥,我教你梳中分-蕾哥哥")
bitmapFont = BitmapFont(fontData, fontData.textureRegions, false)
bitmapFont.color = Color.RED
labelStyle = Label.LabelStyle(bitmapFont, bitmapFont.color)
label = Label("蕾哥哥", labelStyle)

图片(Image)

1.定义:在一个小范围内,显示和拉伸一个纹理,本身是一个actor,可以拉伸,旋转,和设置起点,可用于承装纹理图片 2.使用:Image(Texture tex) Image(TextureRegion region)

val texture = Texture(Gdx.fils.internal("aaa.png"))
val image = Image(texture)

按钮(Button)

ImageButton (Drawable imageUp, Drawable imageDown, Drawable imageChecked) 

1.定义:UI控件中的按钮,需要使用图片 2.配合ButtonStyle使用,或者自定义样式。 3.初始化传入变量是Drawable类型。 4.Drawable:在一直的一个给定的矩形内,绘制本身。它提供了边框的大小和最小尺寸,通过它自带的方法可以确定大小和位置。(其实就是为了Image提供一个矩形区域)

运行图:

运行图

DEMO地址:https://gitee.com/xcode_xiao/LibGdxDemos2/tree/master/WidgetDemo

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏黑泽君的专栏

day01_html学习笔记

21410
来自专栏Petrichor的专栏

opencv: 图片 设置 透明度 并 叠加(cv2.addWeighted)

1K20
来自专栏极乐技术社区

wxss学习《四》字体,组件及API的思维导图

一:字体 一.字体:font。设置对象的文本特性。 1.font-style:文字样式。 取值:normal 正常的字体, italic 斜体字, o...

212100
来自专栏闻道于事

CSS样式表

CSS样式表的样式主要可以分为大小,背景,字体,对齐方式,边界边框,列表方块,格式布局等。 元素的大小: #div1{ width:30...

43480
来自专栏企鹅号快讯

《小白HTML5成长之路31》半透明背景的自定义弹窗是怎么用CSS布局的

北方的冬天最怕有风,空气虽然好了,但是异常的冷,吸几口冷风感觉肺都结了冰。一大早小白来到办公室琢磨用户交互方面的问题,看了几个网站发现很多网站的弹窗都是自定义的...

400100
来自专栏欧阳大哥的轮子

iOS的MyLayout布局系列-流式布局MyFlowLayout

     在我的CSDN博客中的几篇文章分别介绍MyLayout布局体系中的视图从一个方向依次排列的线性布局(MyLinearLayout)、视图层叠且停靠于父...

25530
来自专栏7号代码

Android应用界面开发——布局

线性布局可以控制各组件横向排列(通过设置属性android:orientation属性控制),也可控制各组件纵向排列。

22320
来自专栏Linux驱动

28.QT-QPainter介绍

28920
来自专栏我就是马云飞

仿bilibili刷新按钮的实现

简述 最近跟小伙伴一起讨论了一下,决定一起仿一个BiliBili的app(包括android端和iOS端),我们并没有打算把这个项目完全做完,毕竟我们的重点是掌...

25680
来自专栏前端杂货铺

居中详解

 讲解 1,单行文本的居中:           <div class='center'><span>单行文本框居中</span></div>         ...

34890

扫码关注云+社区

领取腾讯云代金券