input 输入框

通过鼠标或键盘输入字符

NOTE

目前输入框的能力较为单一,我们预计在下个版本推出更多或更强大的输入框

示例

基础使用

1<input 
2    text="'Hello'" 
3    height="36.0"
4    width="200.0">
5</input>

属性

名称说明类型
theme主题Themes
shadow_color阴影颜色MakepadColor
spread_radius扩散半径F32
blur_radius模糊半径F32
shadow_offset阴影偏移Vec2
placeholder_color占位符颜色MakepadColor
color颜色MakepadColor
cursor_color光标颜色MakepadColor
select_color选区颜色MakepadColor
background_color背景颜色MakepadColor
background_visible背景是否可见bool
visible是否可见bool
hover_color悬停颜色MakepadColor
text_hover_color文本悬停颜色MakepadColor
text_focus_color文本聚焦颜色MakepadColor
cursor_hover_color光标悬停颜色MakepadColor
cursor_focus_color光标聚焦颜色MakepadColor
select_hover_color选区悬停颜色MakepadColor
select_focus_color选区聚焦颜色MakepadColor
focus_color聚焦颜色MakepadColor
border_color边框颜色MakepadColor
border_width边框宽度F32
border_radius边框圆角半径F32
font_size字体大小F64
height_factor高度因子F64
wrap文本换行方式TextWrap
font_family字体族路径LiveDependency
cursor_border_radius光标圆角半径F64
abs_pos绝对位置DVec2
margin外边距Margin
width宽度Size
height高度Size
scroll滚动偏移DVec2
clip_x是否裁剪 X 轴bool
clip_y是否裁剪 Y 轴bool
padding内边距Padding
align对齐方式Align
flow流动方式Flow
spacing间距F64
cursor_width光标宽度F64
read_only是否只读bool
numeric_only是否仅限数字输入bool
placeholder占位符String
text文本内容String
event_key事件键bool

事件回调

名称说明参数
changed输入值变更事件GInputChangedParam
keydown_unhandled未处理键按下事件KeyEvent
escaped按下 Esc 键事件_
key_focus获得键盘焦点事件_
key_focus_lost失去键盘焦点事件_