2025年tldraw（tldraw 对比）

科技前沿 • 2025-06-10 22:16 • 阅读 33

大家好，我是讯享网，很高兴认识大家。

1.1  使用ScrollView 滚动控件，该控件有一个属性 Orientation，用来设置滚动的方向。

Horizontal 水平方向滚动

  垂直方向滚动

  水平方向和垂直方向滚动

Neither 不滚动

1.2 还需设置显示的滚动条属性

Always 总是显示滚动条

Never 不显示滚动条

Default 默认显示滚动条

1.3 设置成不需要显示滚动条

Android AppCompatActivity 样式_xml
讯享网

 1.4 就能成功滚动了

Android AppCompatActivity 样式_android_02

 2.1 使用MVVM 分层架构，动态加载标题部分内容。

首先，标题模型设计，设计一个用于页面交互的ViewModel，和用于存放页面相关属性的Model 

2.2 Model 需要设计2个属性，用于存放标题图标和显示文字

Android AppCompatActivity 样式_xml_03

2.3 ViewModel 需要设计一个集合，用于页面加载时集合存放的图标和文字信息 。引用Model属性

Android AppCompatActivity 样式_xml_04

 2.4 修改MainPage.xaml 前台页面

Android AppCompatActivity 样式_控件_05

2.5 需要使用一个集合控件CollectionView 来进行展示，并且通过ItemsSource 属性来绑定的方式加载集合数据源

Android AppCompatActivity 样式_控件_06

2.6 绑定好数据源后，还需要使数据源与当前页面进行绑定

Android AppCompatActivity 样式_xml_07

 2.7 建立好页面与数据源关联后，在ViewModel 进行数据初始化

Android AppCompatActivity 样式_Text_08

注意:�字符，原来的  需要转换成

2.8 初始化数据有了，接下来需要定义数据模板，让内容按照指定的模板进行排放。

Android AppCompatActivity 样式_xml_09

2.9 往数据模板里面绑定数据，并且指定前面已重写的按钮模板，把它们做上关联

 3.0 调整CollectionView 控件的一个ItemsLayout 属性，把它设置成Horizontal 

 垂直方向展开

 水平方向展开 

Android AppCompatActivity 样式_Text_11

Android AppCompatActivity 样式_xml_12

2025年tldraw（tldraw 对比）

1.1&nbsp; 使用ScrollView 滚动控件，该控件有一个属性 Orientation，用来设置滚动的方向。

1.2 还需设置显示的滚动条属性

1.3 设置成不需要显示滚动条

&nbsp;1.4 就能成功滚动了

&nbsp;2.1 使用MVVM 分层架构，动态加载标题部分内容。

2.2 Model 需要设计2个属性，用于存放标题图标和显示文字

2.3 ViewModel 需要设计一个集合，用于页面加载时集合存放的图标和文字信息&nbsp;。引用Model属性

&nbsp;2.4 修改MainPage.xaml 前台页面

2.5 需要使用一个集合控件CollectionView 来进行展示 ，并且通过ItemsSource 属性来绑定的方式加载集合数据源

2.6 绑定好数据源后，还需要使数据源与当前页面进行绑定

&nbsp;2.7 建立好页面与数据源关联后，在ViewModel 进行数据初始化

2.8 初始化数据有了，接下来需要定义数据模板，让内容按照指定的模板进行排放。

2.9 往数据模板里面绑定数据，并且指定前面已重写的按钮模板，把它们做上关联

&nbsp;3.0 调整CollectionView 控件的一个ItemsLayout 属性，把它设置成Horizontal&nbsp;

相关推荐

1.1 使用ScrollView 滚动控件，该控件有一个属性 Orientation，用来设置滚动的方向。