Vizia Morphorm 项目常见问题解决方案

Vizia Morphorm 项目常见问题解决方案

morphorm A UI layout engine written in Rust 项目地址: https://gitcode.com/gh_mirrors/mo/morphorm

项目基础介绍

Vizia Morphorm 是一个用 Rust 编写的 UI 布局引擎。它通过递归遍历布局树（深度优先），基于节点的父节点和子节点来确定节点的位置和大小。Morphorm 能够生成类似于 flexbox 的布局，但需要的概念更少，更易于学习。

主要编程语言

• Rust

新手常见问题及解决步骤

问题一：如何设置节点的布局类型？

问题描述： 新手可能不知道如何设置节点是水平排列还是垂直排列。

解决步骤：

1. 在创建节点时，可以通过设置节点的 layout_type 属性来定义布局类型。
2. 如果希望节点水平排列，设置为 LayoutType::Row。
3. 如果希望节点垂直排列，设置为 LayoutType::Column。

问题二：如何设置节点的大小？

问题描述： 新手可能不清楚如何正确设置节点的大小。

解决步骤：

1. 节点的大小由 width 和 height 属性决定，这些属性使用 Units 枚举来指定。
2. 如果需要设置为固定像素值，使用 Units::Pixels(val)。
3. 如果需要设置为父节点大小的百分比，使用 Units::Percentage(val)。
4. 如果需要设置为父节点剩余空间的某部分，使用 Units::Stretch(factor)。
5. 如果需要让节点的大小自动适应内容，使用 Units::Auto。

问题三：如何设置节点间的间距？

问题描述： 新手可能不知道如何调整节点之间的间距。

解决步骤：

1. 节点的位置可以通过设置节点四个边的间距来调整：left、right、top 和 bottom。
2. left 和 right 分别表示节点左侧和右侧的间距。
3. top 和 bottom 分别表示节点顶部和底部的间距。
4. 如果某个方向的间距有优先级，比如左侧间距优先于右侧间距，那么只需设置优先级高的那一侧。
5. 间距值可以使用像素值或百分比等来指定。

morphorm A UI layout engine written in Rust 项目地址: https://gitcode.com/gh_mirrors/mo/morphorm