如果使用标准文件满足我们的要求,我们通常可以使用标准平铺,但在某些情况下,我们需要使用自定义平铺控件来满足我们的要求。
自定义平铺控件基本上用于显示平铺控件中具有自定义外观的应用程序特定数据。
平铺宽度为8.5em和高度为10em.
让我们看看如何一步一步地创建自定义平铺:-
步骤1:-现在我们将创建一个自定义平铺来显示学生的记分卡。我们将显示两个学期获得的百分比,在平铺中间我们将显示两个学期的平均值。
现在首先我们需要在视图文件(xml格式)中编写以下代码:-
请记住,要在CustomTile中显示内容,我们必须将所有控件包装在一个布局中。例如,这里我们使用VBox。
为了在自定义平铺中正确安排内容,我还使用了预定义的css margin类。
当我们运行上面的代码时,输出将如图所示下图:-
第二步:-现在我们的瓷砖是创建我们需要对其外观和感觉工作。现在要将平铺的边框改为圆角,通信云,我们需要应用css。
为此,查淘客,我创建了一个类,并将该类应用于customTile控件
其代码如下如下所示:-
。平铺顺序{
边界半径:10px 10px 10px 10px!重要;
-moz边界半径:10px 10px 10px 10px!重要;
-webkit边界半径:10px 10px 10px 10px!重要;
边框:2px实心#b8b6b8!重要;
}
应用此选项后,物联网技术与应用,中国物联网,输出如下所示下图:-
第3步:-现在如果我们想更改customTile的背景,我们也可以应用css来更改背景。
要更改Tile的背景,个人免费云服务器,我已经将background color属性应用到customTile。然后输出如图所示下图:-
这是我们如何创建自定义瓷砖,并根据需要更改外观和感觉。
如何为瓷砖添加背景图像?
您好,
应用background image属性代替background color属性,如下所示:-
.tilebackground
{
background image:url("图像的src");
}
并将此类应用于自定义平铺。它会工作。
我如何才能添加多个瓷砖/瓷砖列表?
除非您要求澄清/更正文档的某些部分,否则请创建一个标记为问题的新讨论。博客(或文档)的评论部分不是提问的合适工具,因为结果不容易搜索。一旦您的问题得到解决,将创建一个带有解决方案(并标记为)的讨论回答正确)使其他遇到类似问题的人可以看到结果。如果博客或文档相关,请输入链接。阅读入门文档(右上角的链接),包括参与规则。
注意:获取链接对作者和博客都很容易。只需将鼠标移到项目上,右键单击,然后单击选择复制快捷方式。将其粘贴到您的讨论中。粘贴后您也可以单击url。单击A展开选项,然后选择T(右侧)自动为url命名。
谢谢,Mike(主持人)