<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>信号解析 &#8211; 上海同星智能科技有限公司</title>
	<atom:link href="https://www.tosunai.com/tag/%E4%BF%A1%E5%8F%B7%E8%A7%A3%E6%9E%90/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.tosunai.com</link>
	<description>Engineer Everything!</description>
	<lastBuildDate>Wed, 06 May 2026 03:02:00 +0000</lastBuildDate>
	<language>zh-Hans</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.2</generator>

<image>
	<url>https://www.tosunai.com/wp-content/uploads/2024/09/112x112-100x100.webp</url>
	<title>信号解析 &#8211; 上海同星智能科技有限公司</title>
	<link>https://www.tosunai.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Q&#038;A系列 &#124; TSMaster图形窗口如何添加自定义信号解析报文</title>
		<link>https://www.tosunai.com/how-to-add-custom-signal-parsing-packets-in-the-tsmaster-graphical-window/</link>
					<comments>https://www.tosunai.com/how-to-add-custom-signal-parsing-packets-in-the-tsmaster-graphical-window/#respond</comments>
		
		<dc:creator><![CDATA[zhang, yaping]]></dc:creator>
		<pubDate>Tue, 31 Mar 2026 08:17:07 +0000</pubDate>
				<category><![CDATA[软件操作教程]]></category>
		<category><![CDATA[TSMaster]]></category>
		<category><![CDATA[TSMaster使用教程]]></category>
		<category><![CDATA[信号解析]]></category>
		<category><![CDATA[分析]]></category>
		<category><![CDATA[图形面板]]></category>
		<guid isPermaLink="false">https://www.tosunai.com/?p=23092</guid>

					<description><![CDATA[<p>在车载总线调试过程中，你是否经常面对一串串看不懂的原始报文，难以快速定位问题？本期TSMaster QA系列带 [&#8230;]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://www.tosunai.com/how-to-add-custom-signal-parsing-packets-in-the-tsmaster-graphical-window/">Q&amp;A系列 | TSMaster图形窗口如何添加自定义信号解析报文</a> first appeared on <a rel="nofollow" href="https://www.tosunai.com">上海同星智能科技有限公司</a>.&lt;/p&gt;</p>
]]></description>
			<style id="elementor-post-23092">.elementor-23092 .elementor-element.elementor-element-d36ff94{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-23092 .elementor-element.elementor-element-3f65815{--display:flex;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-23092 .elementor-element.elementor-element-f35bec3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-23092 .elementor-element.elementor-element-f35bec3{text-align:start;font-size:16px;line-height:2em;letter-spacing:1px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-23092 .elementor-element.elementor-element-37d7db5{text-align:center;}.elementor-23092 .elementor-element.elementor-element-37d7db5 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-23092 .elementor-element.elementor-element-b41dc6e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-23092 .elementor-element.elementor-element-b41dc6e{text-align:start;font-size:16px;line-height:2em;letter-spacing:1px;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="23092" class="elementor elementor-23092" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-d36ff94 e-flex e-con-boxed e-con e-parent" data-id="d36ff94" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-3f65815 e-con-full e-flex e-con e-child" data-id="3f65815" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f35bec3 elementor-widget elementor-widget-text-editor" data-id="f35bec3" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>在车载总线调试过程中，你是否经常面对一串串看不懂的原始报文，难以快速定位问题？本期TSMaster QA系列带来一个实用技巧——在图形窗口添加自定义信号解析报文。</p><p>通过这个操作，你可以将复杂的原始数据转化为直观可读的信号波形，让调试意图一目了然，效率瞬间翻倍。告别“猜谜式”分析，用更智能的方式读懂总线数据。</p>								</div>
				</div>
				<div class="elementor-element elementor-element-37d7db5 headingTitleH2  elementor-widget elementor-widget-heading" data-id="37d7db5" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default"></h2>				</div>
				</div>
				<div class="elementor-element elementor-element-b41dc6e elementor-widget elementor-widget-text-editor" data-id="b41dc6e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<iframe src="//player.bilibili.com/player.html?isOutside=true&#038;aid=115727625357162&#038;bvid=BV13GqbBtEa6&#038;cid=34769273284&#038;p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>								</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		<p>&lt;p&gt;The post <a rel="nofollow" href="https://www.tosunai.com/how-to-add-custom-signal-parsing-packets-in-the-tsmaster-graphical-window/">Q&amp;A系列 | TSMaster图形窗口如何添加自定义信号解析报文</a> first appeared on <a rel="nofollow" href="https://www.tosunai.com">上海同星智能科技有限公司</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.tosunai.com/how-to-add-custom-signal-parsing-packets-in-the-tsmaster-graphical-window/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>应用笔记 &#124; TSMaster——图形编辑面板功能模块简介</title>
		<link>https://www.tosunai.com/tsmaster-introduction-to-the-graphics-editing-panel-function-module/</link>
					<comments>https://www.tosunai.com/tsmaster-introduction-to-the-graphics-editing-panel-function-module/#respond</comments>
		
		<dc:creator><![CDATA[pan]]></dc:creator>
		<pubDate>Fri, 28 Oct 2022 07:44:33 +0000</pubDate>
				<category><![CDATA[软件操作教程]]></category>
		<category><![CDATA[TSMaster使用教程]]></category>
		<category><![CDATA[信号解析]]></category>
		<category><![CDATA[其他]]></category>
		<category><![CDATA[图形面板]]></category>
		<category><![CDATA[报文收发]]></category>
		<guid isPermaLink="false">https://www.tosunai.com/?p=6557</guid>

					<description><![CDATA[<p>overview前言 TSMaster 图形编辑面板让用户能够开发自己的图形窗口，用于处理报文的收发，信号解析 [&#8230;]</p>
<p>&lt;p&gt;The post <a rel="nofollow" href="https://www.tosunai.com/tsmaster-introduction-to-the-graphics-editing-panel-function-module/">应用笔记 | TSMaster——图形编辑面板功能模块简介</a> first appeared on <a rel="nofollow" href="https://www.tosunai.com">上海同星智能科技有限公司</a>.&lt;/p&gt;</p>
]]></description>
			<style id="elementor-post-6557">.elementor-6557 .elementor-element.elementor-element-0cc13d8 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6557 .elementor-element.elementor-element-0cc13d8{margin-top:-1px;margin-bottom:-1px;padding:14px 0px 23px 0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-6557 .elementor-element.elementor-element-bf84f56 > .elementor-widget-container{background-image:url("https://www.tosunai.com/wp-content/uploads/2023/01/TOSUN-EDA.jpg");margin:0px 0px 0px 0px;padding:25px 25px 25px 25px;}.elementor-6557 .elementor-element.elementor-element-bf84f56{text-align:center;}.elementor-6557 .elementor-element.elementor-element-bf84f56 .elementor-heading-title{font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:12px;color:#FFFFFF;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6557 .elementor-element.elementor-element-0f33f76{letter-spacing:1px;color:#000000;}.elementor-6557 .elementor-element.elementor-element-6e2c1ee > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6557 .elementor-element.elementor-element-6e2c1ee{margin-top:0px;margin-bottom:0px;padding:20px 0px 20px 0px;}.elementor-6557 .elementor-element.elementor-element-2d9c1a8 > .elementor-widget-container{padding:40px 40px 40px 40px;}.elementor-6557 .elementor-element.elementor-element-2d9c1a8{text-align:center;}.elementor-6557 .elementor-element.elementor-element-2d9c1a8 .elementor-heading-title{font-size:20px;font-weight:600;line-height:1.3em;letter-spacing:1px;color:var( --e-global-color-secondary );}.elementor-6557 .elementor-element.elementor-element-ba00632{letter-spacing:1px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-6557 .elementor-element.elementor-element-c6d3a1d{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-ae6e1d8{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-0248964{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-50309a6{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-342532e{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-6baafae{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-6f1289a{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-6dfc03c{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-a7afbcf > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6557 .elementor-element.elementor-element-a7afbcf{margin-top:0px;margin-bottom:0px;padding:20px 0px 20px 0px;}.elementor-6557 .elementor-element.elementor-element-ec6e3b4 > .elementor-widget-container{padding:40px 40px 40px 40px;}.elementor-6557 .elementor-element.elementor-element-ec6e3b4{text-align:center;}.elementor-6557 .elementor-element.elementor-element-ec6e3b4 .elementor-heading-title{font-size:20px;font-weight:600;line-height:1.3em;letter-spacing:1px;color:var( --e-global-color-secondary );}.elementor-6557 .elementor-element.elementor-element-5e95d6b{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-98fa230{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-0039708{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-db5e1bd{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-feaeb11{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-66379f0{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-adc56bb{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-69ae628{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-a643b62 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6557 .elementor-element.elementor-element-a643b62{margin-top:0px;margin-bottom:0px;padding:20px 0px 20px 0px;}.elementor-6557 .elementor-element.elementor-element-666da0b > .elementor-widget-container{padding:40px 40px 40px 40px;}.elementor-6557 .elementor-element.elementor-element-666da0b{text-align:center;}.elementor-6557 .elementor-element.elementor-element-666da0b .elementor-heading-title{font-size:20px;font-weight:600;line-height:1.3em;letter-spacing:1px;color:var( --e-global-color-secondary );}.elementor-6557 .elementor-element.elementor-element-a700acb{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-e9a254e{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-b0304d6 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6557 .elementor-element.elementor-element-b0304d6{margin-top:0px;margin-bottom:0px;padding:20px 0px 20px 0px;}.elementor-6557 .elementor-element.elementor-element-abe6ca5 > .elementor-widget-container{padding:40px 40px 40px 40px;}.elementor-6557 .elementor-element.elementor-element-abe6ca5{text-align:center;}.elementor-6557 .elementor-element.elementor-element-abe6ca5 .elementor-heading-title{font-size:20px;font-weight:600;line-height:1.3em;letter-spacing:1px;color:var( --e-global-color-secondary );}.elementor-6557 .elementor-element.elementor-element-697f85e{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-404497d{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-acdae08{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-fb51a64{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-4cfb8a0{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-f088b69{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-fa47e11{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-9b6f5f6{letter-spacing:1px;}.elementor-6557 .elementor-element.elementor-element-9dc03e1{letter-spacing:1px;}@media(max-width:767px){.elementor-6557 .elementor-element.elementor-element-bf84f56 .elementor-heading-title{font-size:18px;line-height:1.5em;}.elementor-6557 .elementor-element.elementor-element-2d9c1a8 > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-6557 .elementor-element.elementor-element-ec6e3b4 > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-6557 .elementor-element.elementor-element-666da0b > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-6557 .elementor-element.elementor-element-abe6ca5 > .elementor-widget-container{padding:20px 0px 20px 0px;}}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="6557" class="elementor elementor-6557" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-0cc13d8 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0cc13d8" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-06ac951" data-id="06ac951" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-bf84f56 elementor-widget elementor-widget-heading" data-id="bf84f56" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h5 class="elementor-heading-title elementor-size-default">overview前言</h5>				</div>
				</div>
				<div class="elementor-element elementor-element-0f33f76 elementor-widget elementor-widget-text-editor" data-id="0f33f76" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									TSMaster 图形编辑面板让用户能够开发自己的图形窗口，用于处理报文的收发，信号解析显示等功能。

								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-6e2c1ee elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6e2c1ee" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-07f32a9" data-id="07f32a9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-2d9c1a8 headingTitleH2 elementor-widget elementor-widget-heading" data-id="2d9c1a8" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">1．工具栏</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-ba00632 elementor-widget elementor-widget-text-editor" data-id="ba00632" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><strong>1. 模式选择按钮，主要包含如下模式：<br /></strong>1）按下状态时候，当前 Panel 处于编辑模式下，用户可以增加删除控件，编辑控件属性的。<br />2）弹起状态，当前 Panel 处于测试运行模式，显示的是该面板实际运行时的状态，用户不可进行编辑。<br />3）灰色状态，当前 Panel 处于运行状态。意味着当前 TSMaster 处于设备连接运行状态。如果用户想重新编辑界面，必须断开 TSMaster 连接，才可以进入编辑状态。</p><p><strong>2. 层叠控制<br /></strong>当出现控件层叠情况时，把控件移动到前面和把控件移动到后面。</p><p><strong>3. 对齐控件<br /></strong>控件对齐分为两步：<br />1）首先选择需要对齐的多个控件：按住 Ctrl 键，鼠标点击多个按钮，则选中多个控件。如下所示：</p>								</div>
				</div>
				<div class="elementor-element elementor-element-903b300 elementor-widget elementor-widget-image" data-id="903b300" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img fetchpriority="high" decoding="async" width="519" height="166" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-1.jpg" class="attachment-large size-large wp-image-6559" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-1.jpg 519w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-1-300x96.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-1-18x6.jpg 18w" sizes="(max-width: 519px) 100vw, 519px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 25">															</div>
				</div>
				<div class="elementor-element elementor-element-c6d3a1d elementor-widget elementor-widget-text-editor" data-id="c6d3a1d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									2）选择顶部菜单栏的对齐按钮，如下所示：

								</div>
				</div>
				<div class="elementor-element elementor-element-a8324ff elementor-widget elementor-widget-image" data-id="a8324ff" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="563" height="449" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-2.jpg" class="attachment-large size-large wp-image-6560" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-2.jpg 563w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-2-300x239.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-2-15x12.jpg 15w" sizes="(max-width: 563px) 100vw, 563px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 26">															</div>
				</div>
				<div class="elementor-element elementor-element-ae6e1d8 elementor-widget elementor-widget-text-editor" data-id="ae6e1d8" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<section><p>对齐选项有：</p><p>➢ Align Left：左对齐</p><p>➢ Align Right：右对齐</p><p>➢ Align Top：上对齐</p><p>➢ Align Buttom：下对齐</p><p>➢ Center Horizontally：以中间模块为准水平对齐</p></section>								</div>
				</div>
				<div class="elementor-element elementor-element-89463d1 elementor-widget elementor-widget-image" data-id="89463d1" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="933" height="149" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-3.jpg" class="attachment-large size-large wp-image-6561" alt="图形编辑面板功能模块简介 3 TSMaster" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-3.jpg 933w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-3-300x48.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-3-768x123.jpg 768w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-3-18x3.jpg 18w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-3-800x128.jpg 800w" sizes="(max-width: 933px) 100vw, 933px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 27">															</div>
				</div>
				<div class="elementor-element elementor-element-0248964 elementor-widget elementor-widget-text-editor" data-id="0248964" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									➢ Center Vertically：以中间模块为准垂直对齐

								</div>
				</div>
				<div class="elementor-element elementor-element-667681d elementor-widget elementor-widget-image" data-id="667681d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="912" height="179" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-4.jpg" class="attachment-large size-large wp-image-6562" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-4.jpg 912w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-4-300x59.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-4-768x151.jpg 768w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-4-18x4.jpg 18w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-4-800x157.jpg 800w" sizes="auto, (max-width: 912px) 100vw, 912px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 28">															</div>
				</div>
				<div class="elementor-element elementor-element-50309a6 elementor-widget elementor-widget-text-editor" data-id="50309a6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									➢ Distribute Horizontally:：横向均匀排布

								</div>
				</div>
				<div class="elementor-element elementor-element-15ae624 elementor-widget elementor-widget-image" data-id="15ae624" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="938" height="122" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-5.jpg" class="attachment-large size-large wp-image-6563" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-5.jpg 938w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-5-300x39.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-5-768x100.jpg 768w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-5-18x2.jpg 18w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-5-800x104.jpg 800w" sizes="auto, (max-width: 938px) 100vw, 938px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 29">															</div>
				</div>
				<div class="elementor-element elementor-element-342532e elementor-widget elementor-widget-text-editor" data-id="342532e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>以最左边和最右边一个控件的坐标为准，计算控件之间间隔的平均值，然后在横向上均匀排列。</p>								</div>
				</div>
				<div class="elementor-element elementor-element-6baafae elementor-widget elementor-widget-text-editor" data-id="6baafae" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									➢ Distribute Vertically:：纵向均匀排布

								</div>
				</div>
				<div class="elementor-element elementor-element-4b09ff8 elementor-widget elementor-widget-image" data-id="4b09ff8" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="957" height="159" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-6.jpg" class="attachment-large size-large wp-image-6565" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-6.jpg 957w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-6-300x50.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-6-768x128.jpg 768w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-6-18x3.jpg 18w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-6-800x133.jpg 800w" sizes="auto, (max-width: 957px) 100vw, 957px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 30">															</div>
				</div>
				<div class="elementor-element elementor-element-6f1289a elementor-widget elementor-widget-text-editor" data-id="6f1289a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									以最上面和最下面一个控件的坐标为准，计算控件之间间隔的平均值，然后在纵向上均匀排列。

								</div>
				</div>
				<div class="elementor-element elementor-element-6dfc03c elementor-widget elementor-widget-text-editor" data-id="6dfc03c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><strong>4. 新建 Panel<br /></strong>创建全新的 Panel，此操作将删除 Panel 所有现有的控件。</p><p><strong>5. 加载配置<br /></strong>载入现有 Panel 配置文件。</p><p><strong>6. 存储配置<br /></strong>存储当前 Panel 的配置文件。</p><p><strong>7. Panel 参数配置<br /></strong>主要包含如下参数配置：<br />➢ Feature Enable：是否使能 Panel<br />➢ Layout：Panel 内部控件整体布局<br />➢ Design Time：设计时是否显示链接标签和控件名称<br />➢ Refresh Rate：配置 Panel 数据的刷新时间。推荐刷新时间为 300ms。如果电脑配置较高，可以配置更高的刷新率</p>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-a7afbcf elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a7afbcf" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-eec73df" data-id="eec73df" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-ec6e3b4 headingTitleH2 elementor-widget elementor-widget-heading" data-id="ec6e3b4" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">2．控件基本操作</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-5e95d6b elementor-widget elementor-widget-text-editor" data-id="5e95d6b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<section><strong>1. 添加控件</strong>								</div>
				</div>
				<div class="elementor-element elementor-element-41d127e elementor-widget elementor-widget-image" data-id="41d127e" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="699" height="396" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-7.jpg" class="attachment-large size-large wp-image-6566" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-7.jpg 699w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-7-300x170.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-7-18x10.jpg 18w" sizes="auto, (max-width: 699px) 100vw, 699px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 31">															</div>
				</div>
				<div class="elementor-element elementor-element-98fa230 elementor-widget elementor-widget-text-editor" data-id="98fa230" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<section></section><section><strong><br />2. 删除控件<br /></strong>直接 Delete 键，或者右键，快捷菜单选择删除。</section>								</div>
				</div>
				<div class="elementor-element elementor-element-de48f40 elementor-widget elementor-widget-image" data-id="de48f40" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="421" height="212" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-8.jpg" class="attachment-large size-large wp-image-6567" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-8.jpg 421w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-8-300x151.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-8-18x9.jpg 18w" sizes="auto, (max-width: 421px) 100vw, 421px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 32">															</div>
				</div>
				<div class="elementor-element elementor-element-0039708 elementor-widget elementor-widget-text-editor" data-id="0039708" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<section><strong><br />3. 移动控件</strong>控件都会有自己所在的容器，在容器范围内，想调整位置，直接选中控件，左键按住，移动即可。如下所示：</section>								</div>
				</div>
				<div class="elementor-element elementor-element-355333d elementor-widget elementor-widget-image" data-id="355333d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="567" height="177" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-9.jpg" class="attachment-large size-large wp-image-6568" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-9.jpg 567w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-9-300x94.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-9-18x6.jpg 18w" sizes="auto, (max-width: 567px) 100vw, 567px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 33">															</div>
				</div>
				<div class="elementor-element elementor-element-db5e1bd elementor-widget elementor-widget-text-editor" data-id="db5e1bd" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><strong><br />4. 移动到容器外面<br /></strong>TSMaster 不支持直接拖拽到容器外面，如果要把控件移出容易，可以采用剪切（Ctrl+X）+ 粘贴（Ctrl+V）的方式可以把控件移动到容器外面。</p>								</div>
				</div>
				<div class="elementor-element elementor-element-ad52888 elementor-widget elementor-widget-image" data-id="ad52888" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="507" height="223" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-10.jpg" class="attachment-large size-large wp-image-6569" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-10.jpg 507w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-10-300x132.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-10-18x8.jpg 18w" sizes="auto, (max-width: 507px) 100vw, 507px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 34">															</div>
				</div>
				<div class="elementor-element elementor-element-feaeb11 elementor-widget elementor-widget-text-editor" data-id="feaeb11" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><strong><br />5. 显示控件类型名<br /></strong>在设计时（Design Time）阶段，默认是显示控件的名称（这个名称是控件的唯一 ID，是系统默认分配的，不能修改，在运行时不可见）的，如下图所示：</p>								</div>
				</div>
				<div class="elementor-element elementor-element-cffb9d3 elementor-widget elementor-widget-image" data-id="cffb9d3" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="337" height="172" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-11.jpg" class="attachment-large size-large wp-image-6582" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-11.jpg 337w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-11-300x153.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-11-18x9.jpg 18w" sizes="auto, (max-width: 337px) 100vw, 337px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 35">															</div>
				</div>
				<div class="elementor-element elementor-element-66379f0 elementor-widget elementor-widget-text-editor" data-id="66379f0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									如果在设计阶段不想看到控件的唯一名称，可以到 Settings 界面中进行设置，如下所示：

								</div>
				</div>
				<div class="elementor-element elementor-element-80a25c9 elementor-widget elementor-widget-image" data-id="80a25c9" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="447" height="155" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-12.jpg" class="attachment-large size-large wp-image-6570" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-12.jpg 447w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-12-300x104.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-12-18x6.jpg 18w" sizes="auto, (max-width: 447px) 100vw, 447px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 36">															</div>
				</div>
				<div class="elementor-element elementor-element-adc56bb elementor-widget elementor-widget-text-editor" data-id="adc56bb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p><strong>6. 显示控件关联的变量链接<br /></strong>在设计时（Design Time）阶段，用户可以设置显示当前控件所关联的变量(CAN/LIN 信号或者系统变量等)，便于设计者清晰的知道当前该控件所关联的信号值，如下图所示：</p>								</div>
				</div>
				<div class="elementor-element elementor-element-71fe1a6 elementor-widget elementor-widget-image" data-id="71fe1a6" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="466" height="154" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-13.jpg" class="attachment-large size-large wp-image-6571" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-13.jpg 466w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-13-300x99.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-13-18x6.jpg 18w" sizes="auto, (max-width: 466px) 100vw, 466px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 37">															</div>
				</div>
				<div class="elementor-element elementor-element-69ae628 elementor-widget elementor-widget-text-editor" data-id="69ae628" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									在设计时阶段，打开和关闭该关联信号的显示，跟打开和关闭控件名称的显示操作是一样的，如下图所示：

								</div>
				</div>
				<div class="elementor-element elementor-element-5fa578c elementor-widget elementor-widget-image" data-id="5fa578c" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="599" height="417" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-14.jpg" class="attachment-large size-large wp-image-6572" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-14.jpg 599w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-14-300x209.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-14-18x12.jpg 18w" sizes="auto, (max-width: 599px) 100vw, 599px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 38">															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-a643b62 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a643b62" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9d07f1b" data-id="9d07f1b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-666da0b headingTitleH2 elementor-widget elementor-widget-heading" data-id="666da0b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">3．UI事件</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-a700acb elementor-widget elementor-widget-text-editor" data-id="a700acb" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>TSMaster 提供了丰富的 Panel 界面。通过关联变量，可以实现变量值的修改，或者变量值修改过后在 UI 界面上呈现，这些都比较好理解。如果用户要实现按下按键过后，TSMaster 软件发送一串报文，则需要配合 C 脚本实现 UI 事件机制。</p><p><strong>UI 事件机制<br /></strong>Panel 的事件机制架构图如下图所示：</p>								</div>
				</div>
				<div class="elementor-element elementor-element-a3c564c elementor-widget elementor-widget-image" data-id="a3c564c" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="955" height="437" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-15.jpg" class="attachment-large size-large wp-image-6573" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-15.jpg 955w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-15-300x137.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-15-768x351.jpg 768w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-15-18x8.jpg 18w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-15-800x366.jpg 800w" sizes="auto, (max-width: 955px) 100vw, 955px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 39">															</div>
				</div>
				<div class="elementor-element elementor-element-e9a254e elementor-widget elementor-widget-text-editor" data-id="e9a254e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									Panel 事件机制的实现，简单来说可以概括如下：Panel 中用户输入（按下按键，输入数值等）->改变关联的小程序变量的值->触发 C 脚本中数值变化事件->在事件中执行用户想执行的代码即可。下面以按键发送报文为例讲解 UI 事件的添加过程。

								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-b0304d6 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="b0304d6" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-34fe35b" data-id="34fe35b" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-abe6ca5 headingTitleH2 elementor-widget elementor-widget-heading" data-id="abe6ca5" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">4．释疑</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-697f85e elementor-widget elementor-widget-text-editor" data-id="697f85e" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<section><p><strong>1. 为啥 DBC 解析是对的，Panel 上控件显示不对？</strong></p><p><span style="color: #ff0000;">问题描述：</span><br />为什么信号值 DBC 解析出来是 12%，但是仪表盘上总是显示 1.0（100%）</p></section>								</div>
				</div>
				<div class="elementor-element elementor-element-c6c2e20 elementor-widget elementor-widget-image" data-id="c6c2e20" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="307" height="232" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-16.jpg" class="attachment-large size-large wp-image-6574" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-16.jpg 307w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-16-300x227.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-16-16x12.jpg 16w" sizes="auto, (max-width: 307px) 100vw, 307px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 40">															</div>
				</div>
				<div class="elementor-element elementor-element-404497d elementor-widget elementor-widget-text-editor" data-id="404497d" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<section></section><section><p>查看信号定义，因为信号值定义的范围是 0—100，单位为”%”,解析出来的信号值为12%，代表信号值为 12，然后单位是字符串”%”，并不是信号值是 0.12。因此，仪表盘的范围应该是 0—100，跟信号定义中的范围是一致的。如果仪表盘的范围设置为 0—1,则当信号值显示为 12%的时候，仪表盘当然会显示到最大值 1。</p><p><span style="color: #ff0000;">解决办法：</span><br />设置仪表控件属性，调整该控件的显示范围跟信号的范围一样。从 0-1 调整为 0-100，调整过后，仪表盘显示正常。</p><p> </p><p><strong>2. 添加了 DBC，为啥通过 Panel 关联信号的时候看不到任何信号？</strong></p><p><span style="color: #ff0000;">问题描述：<br /></span>加载了示例数据库：TOSUN_Hardware_Synthesize</p></section>								</div>
				</div>
				<div class="elementor-element elementor-element-aca92e5 elementor-widget elementor-widget-image" data-id="aca92e5" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="903" height="504" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-17.jpg" class="attachment-large size-large wp-image-6575" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-17.jpg 903w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-17-300x167.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-17-768x429.jpg 768w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-17-18x10.jpg 18w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-17-800x447.jpg 800w" sizes="auto, (max-width: 903px) 100vw, 903px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 41">															</div>
				</div>
				<div class="elementor-element elementor-element-acdae08 elementor-widget elementor-widget-text-editor" data-id="acdae08" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<section><p> </p><p>可以看到，有报文，有信号等。</p><p>在面板中，添加 InputOutputBox，选择关联一个 CAN 信号，结果界面如下：</p></section>								</div>
				</div>
				<div class="elementor-element elementor-element-743c54e elementor-widget elementor-widget-image" data-id="743c54e" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="770" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-18-1024x770.jpg" class="attachment-large size-large wp-image-6576" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-18-1024x770.jpg 1024w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-18-300x226.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-18-768x578.jpg 768w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-18-16x12.jpg 16w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-18-800x602.jpg 800w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-18.jpg 1030w" sizes="auto, (max-width: 1024px) 100vw, 1024px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 42">															</div>
				</div>
				<div class="elementor-element elementor-element-fb51a64 elementor-widget elementor-widget-text-editor" data-id="fb51a64" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p> </p><p>此时如果用单存显示控件，如 Progressbar 等关联信号，是可以看到信号的。</p><p><span style="color: #ff0000;">原因分析：<br /></span>InputBox 是输入信号，这种信号从逻辑上来说需要被修改并发送到总线上，因此必须关联到一个发送节点的 CAN 信号上。然后我们继续看这个数据库：</p>								</div>
				</div>
				<div class="elementor-element elementor-element-b0c3ac7 elementor-widget elementor-widget-image" data-id="b0c3ac7" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="949" height="429" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-19.jpg" class="attachment-large size-large wp-image-6577" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-19.jpg 949w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-19-300x136.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-19-768x347.jpg 768w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-19-18x8.jpg 18w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-19-800x362.jpg 800w" sizes="auto, (max-width: 949px) 100vw, 949px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 43">															</div>
				</div>
				<div class="elementor-element elementor-element-4cfb8a0 elementor-widget elementor-widget-text-editor" data-id="4cfb8a0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p> </p><p>可见，节点数量为 0，也就是没有任何发送和接收节点。这种情况下是无法启动 RBS仿真的，因为没有发生节点，也就看不到任何跟发送节点相关的信号了。</p><p><span style="color: #ff0000;">解决办法：<br /></span>添加发送节点，并把报文和信号关联到发送节点上，就可以看到信号了。</p>								</div>
				</div>
				<div class="elementor-element elementor-element-f59dca1 elementor-widget elementor-widget-image" data-id="f59dca1" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="980" height="525" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-20.jpg" class="attachment-large size-large wp-image-6578" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-20.jpg 980w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-20-300x161.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-20-768x411.jpg 768w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-20-18x10.jpg 18w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-20-800x429.jpg 800w" sizes="auto, (max-width: 980px) 100vw, 980px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 44">															</div>
				</div>
				<div class="elementor-element elementor-element-f088b69 elementor-widget elementor-widget-text-editor" data-id="f088b69" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p> </p><p><strong>3. Panel 中看不到滚动条<br /></strong>在设计 Panel 的时候，出现看不到窗体看不到滚动条（垂直+水平）的情况。如果窗体面积很大，超出了屏幕显示范围，就会出现一部分窗体被遮挡的情况。如下所示：</p>								</div>
				</div>
				<div class="elementor-element elementor-element-80b89d0 elementor-widget elementor-widget-image" data-id="80b89d0" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="533" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-21-1024x533.jpg" class="attachment-large size-large wp-image-6579" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-21-1024x533.jpg 1024w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-21-300x156.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-21-768x400.jpg 768w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-21-18x9.jpg 18w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-21-800x416.jpg 800w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-21.jpg 1080w" sizes="auto, (max-width: 1024px) 100vw, 1024px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 45">															</div>
				</div>
				<div class="elementor-element elementor-element-fa47e11 elementor-widget elementor-widget-text-editor" data-id="fa47e11" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p> </p><p><span style="color: #ff0000;">原因分析：<br /></span>电脑屏幕设置了缩放，造成控件内部不能正确计算相对屏幕的尺寸，因此无法正确显示滚动条。查看电脑设置如下：</p>								</div>
				</div>
				<div class="elementor-element elementor-element-d0d2bb5 elementor-widget elementor-widget-image" data-id="d0d2bb5" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="740" height="357" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-22.jpg" class="attachment-large size-large wp-image-6580" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-22.jpg 740w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-22-300x145.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-22-18x9.jpg 18w" sizes="auto, (max-width: 740px) 100vw, 740px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 46">															</div>
				</div>
				<div class="elementor-element elementor-element-9b6f5f6 elementor-widget elementor-widget-text-editor" data-id="9b6f5f6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p> </p><p><span style="color: #ff0000;">解决方案：<br /></span>关闭屏幕缩放，设置缩放为 100%，重启软件，即可重新看到窗体的滚动条。</p>								</div>
				</div>
				<div class="elementor-element elementor-element-8352b39 elementor-widget elementor-widget-image" data-id="8352b39" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="930" height="258" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-23.jpg" class="attachment-large size-large wp-image-6581" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-23.jpg 930w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-23-300x83.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-23-768x213.jpg 768w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-23-18x5.jpg 18w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-23-800x222.jpg 800w" sizes="auto, (max-width: 930px) 100vw, 930px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 47">															</div>
				</div>
				<div class="elementor-element elementor-element-9dc03e1 elementor-widget elementor-widget-text-editor" data-id="9dc03e1" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<section></section><section></section><section><section><p> </p><p>可以看到，在窗体上重新出现了滚动条（垂直+水平），如下所示：</p></section></section><section></section>								</div>
				</div>
				<div class="elementor-element elementor-element-b49da1f elementor-widget elementor-widget-image" data-id="b49da1f" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="545" src="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-24-1024x545.jpg" class="attachment-large size-large wp-image-6583" alt="TSMaster——图形编辑面板功能模块简介" srcset="https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-24-1024x545.jpg 1024w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-24-300x160.jpg 300w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-24-768x409.jpg 768w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-24-18x10.jpg 18w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-24-800x426.jpg 800w, https://www.tosunai.com/wp-content/uploads/2024/01/图形编辑面板功能模块简介-24.jpg 1080w" sizes="auto, (max-width: 1024px) 100vw, 1024px" title="应用笔记 | TSMaster——图形编辑面板功能模块简介 48">															</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>&lt;p&gt;The post <a rel="nofollow" href="https://www.tosunai.com/tsmaster-introduction-to-the-graphics-editing-panel-function-module/">应用笔记 | TSMaster——图形编辑面板功能模块简介</a> first appeared on <a rel="nofollow" href="https://www.tosunai.com">上海同星智能科技有限公司</a>.&lt;/p&gt;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.tosunai.com/tsmaster-introduction-to-the-graphics-editing-panel-function-module/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
