效果图:
用途:
地图、产品组成
举例:
以产品组成为例,如最近最火的机甲大师:
思路:
1、组件:TMSFMXHotSpotImage1+TMSFMXHTMLText1
2、加载背景+编辑热点区域+代码
操作:
1)右键窗体,打开编辑热点窗口:
2)加载背景:
3)画出热点区域:
4)换一个组件,重复第三步。
设置:
1)设置TMSFMXHotSpotImage1
2)设置 TMSFMXHTMLText1
代码:
procedure TForm1.TMSFMXHotSpotImage1HotSpotClick(Sender: TObject; HotSpot: TTMSFMXHotSpot);
begin
if HotSpot.ID = 1 then
self.TMSFMXHTMLText1.Text := '前盖';
if HotSpot.ID = 2 then
self.TMSFMXHTMLText1.Text := '后引擎盖';
if HotSpot.ID = 3 then
self.TMSFMXHTMLText1.Text := '左侧感应器';
if HotSpot.ID = 6 then
self.TMSFMXHTMLText1.Text := '左前轮';
end;
下载:
1)tms fmx ui package
2)源码下载:
链接:https://pan.baidu.com/s/1Y5b4-_vdWVLW1M0oGybc6A
提取码:2jcy
3)开发文档下载
4)fmx ui pack demo