OAJSBridgeDemo
<h2>使用说明</h2>
<p>此 storyboard 文件适用于各种 iPhone 及 iPad 设备的横竖屏,支持自定义界面元素包括</p>
<ul>
<li>
<p>页面背景图片或背景颜色</p>
</li>
<li>
<p>中间显示图片</p>
</li>
<li>底部显示文字及颜色</li>
</ul>
<p><strong>注:每一项都是可选的(比如只显示背景图片,按照下面的方法只提供背景图片即可)</strong></p>
<p>默认效果如下:</p>
<p><img src="https://img.cdn.aliyun.dcloud.net.cn/client/ask/pkg/splash/template.png" alt="" /></p>
<p>自定义方法:使用 HBuilderX 打开 <code>LaunchScreen.storyboard</code> 文件,作为xml文件编辑自定义修改部分样式。</p>
<h3>自定义界面背景</h3>
<p>页面背景支持设置<code>背景色</code>或设置<code>背景图片</code>,<strong>默认为使用背景色,值为systemBackgroundColor,会跟随系统设置的模式自动修改颜色,正常模式为白色暗黑模式为黑色</strong>,</p>
<h4>自定义背景色</h4>
<p>替换第<code>42行</code> color 节点为下面的代码,并将 red、green、blue 属性值修改为自己需要的颜色,取值范围为0到1</p>
<pre><code>
<color key="backgroundColor" red="0.83516160100000003" green="0.88008347600000003" blue="0.88008347600000003" alpha="1" colorSpace="calibratedRGB"/>
</code></pre>
<h4>自定义背景图</h4>
<h5>图片要求</h5>
<p>|设备|尺寸要求|命名规范|说明|</p>
<p>|:--|:--|:--|:--|</p>
<p>|iPhone 竖屏|以iPhoneX的尺寸设计|<code>dc_launchscreen_portrait_background@2x.png</code>、 <code>dc_launchscreen_portrait_background@3x.png</code>|以 iPhoneX 竖屏为模板设计图片,并输出@2x、@3x图片,注意命名规范|</p>
<p>|iPhone 横屏|以iPhoneX的尺寸设计|<code>dc_launchscreen_landscape_background@2x.png</code>、 <code>dc_launchscreen_landscape_background@3x.png</code>|以 iPhoneX 横屏为模板设计图片,并输出@2x、@3x图片,注意命名规范|</p>
<p>|iPad(不区分横竖屏)|以 iPad 9.7 的尺寸设计|<code>dc_launchscreen_pad_background@2x.png</code>、 <code>dc_launchscreen_pad_background@3x.png</code>|以 iPad 9.7 设备为模板设计图片,并输出@2x、@3x图片,注意命名规范|</p>
<p>将设计好的图片放到根目录即可;</p>
<p>注:如果您不需要背景图片,不存放相应的图片即可;</p>
<h3>自定义中间显示的图片</h3>
<p>请将目录中的<code>dc_launchscreen_icon@2x.png</code>、<code>dc_launchscreen_icon@3x.png</code>图片替换为您自己的图片</p>
<p>注:如果您不需要中间的图片,不存放相应的图片即可;</p>
<h3>自定义底部文字</h3>
<ul>
<li>修改文字</li>
</ul>
<p>修改第<code>35行</code> label节点的 text 属性值即可,设置为空字符串则不显示文字</p>
<pre><code>
<label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="xxx提供计算服务" textAlignment="natural" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="QBH-Ne-rcx">
</code></pre>
<ul>
<li>修改文字颜色</li>
</ul>
<p>替换第<code>38行</code> color节点为下面的代码,并将 red、green、blue属性值修改为自己需要的颜色,取值范围为0到1</p>
<pre><code>
<color key="textColor" red="0.83516160100000003" green="0.88008347600000003" blue="0.88008347600000003" alpha="1" colorSpace="calibratedRGB"/>
</code></pre>