此文档会带领我们初步学习以及使用自定义控件。
为满足用户对于控件的多功能性要求,自定义控件应运而生。它可以通过组合现有控件、扩展现有控件来达到需要。
1. 在任意一个项目中,新建一个SmobilerUserControl,命名为Title,此时,页面如下:
2. 设置自定义控件高度,在设计器上点击除Panel之外的空白处,将属性定义到Title自定义控件,设置Size:“0, 45”、Layout:“Relative”、Direction:“Row”;
3. 拖一个panel控件到设计器上,设置相关属性:“Size”:“50, 45”;
4. 拖动一个fontIcon控件到panel内,设置属性:“Size”:“50, 50”、“ResourceID”:“angle-left”(此处图片ID根据需求自己选择);
5. 拖动一个Label控件到Panel内,设置属性:“Name”:“1lbltitle”、“Flex”:“1”、“HorizontalAlignment”:“Center”、“Text”:“这是标题哦”、“VerticalAlignment”:“Center”。
6. 将控件显示在工具箱中(此代码默认为注释,取消注释即可)
点击“重新生成解决方案”,即可在左侧工具箱看到生成的自定义控件。
声明:自定义控件内部无法看到自定义控件本身。可以这么理解,你处于一个屋子内的时候,你是无法看到屋子的外在的。
在界面上,拖入一个Title即可。
坚持到最后的人,通常都会很好运。这里我们就给大家一个福利吧,如何给自定义控件新增属性。
1. 在Title自定义控件的代码中进行属性添加
2. 重新生成解决方案
3. 属性添加成功
谨记,添加或删除属性后都需重新生成,且已使用的自定义控件不受影响。