C2官方配置了很多强大的功能插件行为,有些很好用,但有些不好的地方,比如textbox,这个文本框框太突兀了,又不能设置不可见。。为了整体和谐想做一个好看的输入框却不知道怎么办的时候就苦恼了,究竟该怎么办?
其实,只要你懂一些CSS,就可以改变这些“固定”样式了。
(本人表示也不懂CSS,大神教后才知道能这么做= =)
-----------------------------------------------------------------------------
Text input using TextBox (and invisible TextBox)--@shinkan
首先,在工程里添加textbox插件,再添加一个和text box大小的sprite上黄色并和text box叠加放一起来当背景。
我们要知道关于文本框的几点属性:
1、文本框不能设置不可见;
2、文本框移动到布局外会丢失焦点无法输入数据;
3、我们无法用其他对象、层等来遮盖文本框
但可幸的是,我们可以改变他的样式(CSS),使用几个简单的样式属性改变原本突兀的文本框外观来实现自己想要的效果。
文本框的组成:

我们来关注其中四个
背景(一般为白色)

边框

大纲:

文本:

文本框的设置:
在事件表里添加CSS样式事件来设置文本框的样式

默认情况下,我们将看到这个窗口有两个参数设置。

对于背景,我们将输入这些值

background-color - 此参数允许我们修改背景颜色
不同的元素有不同的样式设置。例如,您可以设置边框颜色,边框宽度,文本对齐,背景图像等。
rgba(0,0,0,0) -rgba代表红色(0-255),绿色(0-255),蓝色(0-255),Alpha(0-1)和(0,0,0,0 )对应于它们。
此设置意味着红色= 0,绿色= 0,蓝色= 0,Alpha = 0 - 这给我们黑色和完全透明的颜色。在Alpha = 0的情况下,颜色确实没有关系。

同理,关于边框、大纲、文本的样式设置如图设置

现在,F5运行看看是否原来的文本框消失了,但是点击黄色区域可以输入数据,这样我们就成功了,现在赶紧把背景图换成你想要的样子吧
-----------------------------------------------------------------------------
其实,只要你懂一些CSS,就可以改变这些“固定”样式了。
(本人表示也不懂CSS,大神教后才知道能这么做= =)
-----------------------------------------------------------------------------
Text input using TextBox (and invisible TextBox)--@shinkan
首先,在工程里添加textbox插件,再添加一个和text box大小的sprite上黄色并和text box叠加放一起来当背景。
我们要知道关于文本框的几点属性:
1、文本框不能设置不可见;
2、文本框移动到布局外会丢失焦点无法输入数据;
3、我们无法用其他对象、层等来遮盖文本框
但可幸的是,我们可以改变他的样式(CSS),使用几个简单的样式属性改变原本突兀的文本框外观来实现自己想要的效果。
文本框的组成:

我们来关注其中四个
背景(一般为白色)

边框

大纲:

文本:

文本框的设置:
在事件表里添加CSS样式事件来设置文本框的样式

默认情况下,我们将看到这个窗口有两个参数设置。

对于背景,我们将输入这些值

background-color - 此参数允许我们修改背景颜色
不同的元素有不同的样式设置。例如,您可以设置边框颜色,边框宽度,文本对齐,背景图像等。
rgba(0,0,0,0) -rgba代表红色(0-255),绿色(0-255),蓝色(0-255),Alpha(0-1)和(0,0,0,0 )对应于它们。
此设置意味着红色= 0,绿色= 0,蓝色= 0,Alpha = 0 - 这给我们黑色和完全透明的颜色。在Alpha = 0的情况下,颜色确实没有关系。

同理,关于边框、大纲、文本的样式设置如图设置

现在,F5运行看看是否原来的文本框消失了,但是点击黄色区域可以输入数据,这样我们就成功了,现在赶紧把背景图换成你想要的样子吧
-----------------------------------------------------------------------------