讯享网

Slint学习文档

• Slint Learn
• 如何学习本文档
• • 学习顺序
  • 标志
  • 说明
• Slint With VSCode
• Slint With Rust
• • 依赖
  • 👎定义宏
• Slint与Rust分离
• • 1.添加编译依赖（slint-build）
  • 2.编写slint文件
  • 3.编写build.rs
  • 4.编写main.rs
• 普通组件
• • 主窗体Window
  • • example
  • 文本Text
  • • example
  • 按钮Button
  • • example
    • functions
  • 矩形盒子元素 Rectangle
  • • example
  • 输入框TextInput
  • • example
  • 图片Image
  • • example
  • 滚动窗口 Flickable
  • • example
  • 网格布局 GridLayout
  • • example
  • 横纵布局 HorizontalLayout | VerticalLayout
  • • HorizontalLayout
    • VerticalLayout
  • 画板 Path
  • • SVG路径命令和Slint路径命令
    • example
  • 🚩Flag
• 基础知识
• • Slint文件编写顺序与结构
  • • 正确的代码
    • Slint组件结构
  • 组件的访问与命名
  • • 组件的访问
    • 标识符（命名规范）
    • 命名组件
  • 注释
  • Slint中的类型
  • • 颜色
    • • 线性渐变
      • 径向渐变
    • 🚩Flag
  • 自定义类型
  • • 结构体
    • 匿名结构体
    • 枚举
    • 数组
  • 属性
  • • 属性可见性
    • 自定义属性
    • 属性赋值（属性的单向绑定）
    • 属性的双向绑定
    • • private属性访问
  • 函数与回调
  • • 函数
    • 回调
    • • 回调别名
  • 条件于循环
  • • 条件
    • 三元表达式
    • 循环
    • • example
  • 动画
  • 🚩Flag
• 高级知识
• • 状态
  • • example
    • 通过状态更改动画
  • 插槽
  • 模块的导入和导出
  • • 全局变量
    • 导出
    • • 导出重命名
    • 导入
    • example
  • 🚩Flag
• 高级组件
• • 触碰事件区域 TouchArea
  • • example
    • functions
    • • PointerEvent
  • FocusScope
  • • example
    • functions
    • • KeyEvent
      • EventResult
      • KeyboardModifiers
  • 弹出框 PopupWindow
  • • example
    • functions
  • Dialog 对话框
  • 生命周期
• 属性速查
• • 常用
  • • 高度 height
    • 宽度 width
    • 位置 x和y
    • 叠放等级 z
    • 网格布局 col，row， colspan，rowspan
    • 拉伸 horizontal-stretch和vertical-stretch
    • 元素的最大大小 max-width和max-height
    • 元素的最小大小 min-width和min-height
    • 元素的首选尺寸 preferred-width和preferred-height
    • 是否显示 visible
    • 透明度 opacity
    • 加速渲染 cache-rendering-hint 👎
    • 阴影半径 drop-shadow-blur
    • 阴影颜色 drop-shadow-color
    • 阴影位置 drop-shadow-offset-x和drop-shadow-offset-y
  • 窗口属性Window Params
  • 文字属性Text Params
  • • TextOverflow
    • TextHorizontalAlignment
    • TextVerticalAlignment
    • TextWrap
  • 输入框属性Textnput Params
  • • InputType
  • 图片属性 Image Params
  • • ImageFit
    • ImageRendering
  • 滚动窗口 Flickable Params
  • 网格布局 GridLayOut
  • 横纵布局 HorizontalLayout | VerticalLayout
  • • LayoutAlignment
  • 触碰事件区域 TouchArea
  • • MouseCursor
  • 对话框 Dialog
• 可访问性
• 🚩Flag