每日壁纸UWP相关


怎样添加自定义图片源(旧版本)

<p>这是2.7.1及以下版本的自定义图片源功能说明,当前已停止维护。 如果您使用的是最新版应用,可参考<a href="https://www.showdoc.com.cn/DailyPicsUWP/7273160488427022">最新版自定义图片源功能写法</a></p> <h1>怎么手动添加图片源</h1> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=6041bbfecab4819f6b8cd9d335b5fe04&amp;amp;file=file.png" alt="" /> 手动添加图片源时,需要填写图片源名称、图片源介绍、图标链接、解析规则。以下重点介绍解析规则怎么填写。 解析规则保存为json格式</p> <p>&lt;br/&gt; &lt;br/&gt;</p> <h3>示例1:</h3> <p>以下是获取unsplash随机图片的规则(此接口由 <a href="https://source.unsplash.com/">https://source.unsplash.com/</a> 提供) <em>2023年5月补充:注意,unsplash官方对api进行了变更,此处的api已失效</em></p> <pre><code>{ &amp;quot;mode&amp;quot;:&amp;quot;0&amp;quot;, &amp;quot;api&amp;quot;:&amp;quot;https://source.unsplash.com/random&amp;quot;, &amp;quot;model&amp;quot;:{ &amp;quot;title&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;(无标题)&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;default&amp;quot; } ], &amp;quot;details&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;default&amp;quot; } ], &amp;quot;size&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;default&amp;quot; } ], &amp;quot;copyright&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;Unsplash&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;default&amp;quot; } ] } } </code></pre> <p><code>mode</code>为0时表示解析规则里的<code>api</code>是直接返回图片 <code>api</code>是接口地址 <code>model</code>内包含以下至少四个对象: ①<code>title</code>表示加载出来的图片标题是什么。<code>title</code>为一个数组。其中,<code>type</code>为default表示所有获取的图片,其标题都会命名为<code>node</code>对应的字符串(本例中为‘(无标题)’) ②<code>details</code>表示加载出来的图片的详情 ③<code>size</code>表示加载出来的图片的大小 ④<code>copyright</code>表示加载出来的图片的版权信息</p> <p>你可能会觉得上面这些参数的写法有些繁琐,不必担心,在例4中,会介绍这些参数的简写方法。下面可以先看看第2个例子。</p> <p>&lt;br/&gt; &lt;br/&gt;</p> <h3>示例2:</h3> <p>以下是获取必应壁纸的规则</p> <pre><code>{ &amp;quot;mode&amp;quot;:&amp;quot;2&amp;quot;, &amp;quot;api&amp;quot;:&amp;quot;https://cn.bing.com/HPImageArchive.aspx?format=js&amp;amp;idx={0}&amp;amp;n={1}&amp;quot;, &amp;quot;roottype&amp;quot;:&amp;quot;object&amp;quot;, &amp;quot;para&amp;quot;:[ { &amp;quot;start&amp;quot;:0, &amp;quot;stride&amp;quot;:4 }, { &amp;quot;start&amp;quot;:4, &amp;quot;stride&amp;quot;:0 } ], &amp;quot;path&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;images&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;array&amp;quot; } ], &amp;quot;model&amp;quot;:{ &amp;quot;uri&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;urlbase&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;https://www.bing.com&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;left&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;_1920x1080.jpg&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;right&amp;quot; } ], &amp;quot;thumb&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;urlbase&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;https://www.bing.com&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;left&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;_1920x1080.jpg&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;right&amp;quot; } ], &amp;quot;title&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;copyright&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;,&amp;amp;0&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;split&amp;quot; } ], &amp;quot;details&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;default&amp;quot; } ], &amp;quot;date&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;enddate&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot; } ], &amp;quot;dateformat&amp;quot;:&amp;quot;yyyyMMdd&amp;quot;, &amp;quot;copyright&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;copyright&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;(?&amp;lt;=[((])[^()()]*(?=[))])&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;regex&amp;quot; } ], &amp;quot;size&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;1920x1080&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;default&amp;quot; } ] } } </code></pre> <p><code>mode</code>为2时表示解析规则里的<code>api</code>会返回json格式的文本,待会儿需要对返回的文本进行解析</p> <p><code>roottype</code>表示解析规则里的api返回的json格式的文本是一个Object还是Array,比如,如果api返回的数据是‘{data:[{...},{...}]}’,那么<code>roottype</code>应填写为‘object’或‘o’;如果api返回的数据是‘[{...},{...}]’,那么<code>roottype</code>应填写为‘array’或‘a’。 如果不存在<code>roottype</code>项,则应用会将返回的json格式的文本视作Json Object。</p> <p><code>para</code>存放api里的参数。可以插入多个参数。每一个参数都存储为这样的格式:</p> <pre><code>{ &amp;quot;start&amp;quot;:0, &amp;quot;stride&amp;quot;:2 },</code></pre> <p><code>start</code>表示这个参数初始时为多少。<code>stride</code>表示要加载第二页、第三页...数据时,该参数的增量。</p> <p><code>para</code>里除了通过<code>start</code>指定数字格式的参数外,还可以通过<code>startdate</code>,<code>dateformat</code>,<code>stride</code>,<code>startstride</code>等来指定(格式化后的)日期形式的参数,详见“示例3 图片源的有限度加载”。</p> <p><code>path</code>和<code>model</code>下的格式比之前要复杂。为了确定它们的内容,首先要分析一下从 [<a href="https://cn.bing.com/HPImageArchive.aspx?format=js&amp;idx={0}&amp;n={1}](https://cn.bing.com/HPImageArchive.aspx?format=js&amp;idx=0&amp;n=8">https://cn.bing.com/HPImageArchive.aspx?format=js&amp;idx={0}&amp;n={1}](https://cn.bing.com/HPImageArchive.aspx?format=js&amp;idx=0&amp;n=8</a> &quot;<a href="https://cn.bing.com/HPImageArchive.aspx?format=js&amp;idx={0}&amp;n={1}&quot">https://cn.bing.com/HPImageArchive.aspx?format=js&amp;idx={0}&amp;n={1}&quot</a>;) 获取的数据:</p> <pre><code>{ // 这是通过必应壁纸API返回的数据 &amp;quot;images&amp;quot;:[ { &amp;quot;startdate&amp;quot;:&amp;quot;20210220&amp;quot;, &amp;quot;fullstartdate&amp;quot;:&amp;quot;202102201600&amp;quot;, &amp;quot;enddate&amp;quot;:&amp;quot;20210221&amp;quot;, &amp;quot;url&amp;quot;:&amp;quot;/th?id=OHR.Porto_ZH-CN9117852684_1920x1080.jpg&amp;amp;rf=LaDigue_1920x1080.jpg&amp;amp;pid=hp&amp;quot;, &amp;quot;urlbase&amp;quot;:&amp;quot;/th?id=OHR.Porto_ZH-CN9117852684&amp;quot;, &amp;quot;copyright&amp;quot;:&amp;quot;波尔图,葡萄牙 (© Kanuman/Shutterstock)&amp;quot; } ] }</code></pre> <p>可以看到,所有图片都存放在images结点下,所以在path之下添加内容,以使解析器能解析至images结点。</p> <p><code>model</code>内包含<code>uri</code>,<code>thumb</code>,<code>title</code>,<code>details</code>,<code>date</code>,<code>dateformat</code>,<code>copyright</code>,<code>size</code>这些结点。 以<code>uri</code>为例:</p> <pre><code> &amp;quot;uri&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;urlbase&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;https://www.bing.com&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;left&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;_1920x1080.jpg&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;right&amp;quot; } ],</code></pre> <p>其中,</p> <pre><code> { &amp;quot;node&amp;quot;:&amp;quot;urlbase&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot; },</code></pre> <p>用于表示,之前从接口获取的数据中,urlbase结点将用作图片的<code>uri</code></p> <p>&lt;br/&gt; 而</p> <pre><code> { &amp;quot;node&amp;quot;:&amp;quot;https://www.bing.com&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;left&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;_1920x1080.jpg&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;right&amp;quot; }</code></pre> <p>表明,图片的<code>uri</code>实际上应该等于urlbase在左边加上&quot; <a href="https://www.bing.com">https://www.bing.com</a> &quot;这个字符串,并在右边加上&quot;_1920x1080.jpg&quot;这个字符串。</p> <p>再以<code>title</code>为例,</p> <pre><code> &amp;quot;title&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;copyright&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;,&amp;amp;0&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;split&amp;quot; } ],</code></pre> <p>以上代码表示,之前从接口获取的数据中,copyright结点将用作图片的<code>title</code>,但是要对copyright结点以逗号(,)为间隔来拆分copyright结点的内容,并截取拆分之后的第0段字符串。</p> <p>另外以<code>copyright</code>为例,</p> <pre><code> &amp;quot;copyright&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;copyright&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;(?&amp;lt;=[((])[^()()]*(?=[))])&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;regex&amp;quot; } ],</code></pre> <p>以上代码表示,之前从接口获取的数据中,copyright结点将用作图片的<code>copyright</code>,但是要对copyright结点以&quot;(?&lt;=[((])[^()()]*(?=[))])&quot;这个正则表达式来获取内容。</p> <p>在本例中,从bing获取到的数据中,图片格式为字符串格式,因此上面的配置</p> <pre><code> &amp;quot;date&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;enddate&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot; } ], &amp;quot;dateformat&amp;quot;:&amp;quot;yyyyMMdd&amp;quot;</code></pre> <p>会使解析器将从接口获取的数据中的enddate结点作为图片的日期,并通过‘yyyyMMdd’的格式转换为日期格式。</p> <p>有的图片源接口提供的数据中,日期格式为时间戳格式,这种情况下,可以参照这种写法:</p> <pre><code> &amp;quot;date&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;updated_at&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;number&amp;quot; } ], &amp;quot;dateformat&amp;quot;:&amp;quot;timestamp&amp;quot;</code></pre> <p>当<code>dateformat</code>填写为‘Unix timestamp’或者‘timestamp’时,本应用会按照时间戳的格式来转换日期。</p> <p>&lt;br/&gt; &lt;br/&gt;</p> <h3>示例3 图片源的有限度加载:</h3> <p>你可能会注意到,一般而言,查看本应用中图片源时,鼠标滚轮不断往下拉,应用则会源源不断地加载该图片源的图片。但是有些时候,我们并不想让图片源无限加载新图片出来,比如,我们通过例2中的 <a href="https://cn.bing.com/HPImageArchive.aspx?format=js&amp;idx={0}&amp;n={1">https://cn.bing.com/HPImageArchive.aspx?format=js&amp;idx={0}&amp;n={1</a>} 这条api,最多只能获取近期有限天数内的图片。一直让它加载图片是没有意义的,而且对于某些api,不断地发送请求也可能会导致滥用api。</p> <p>在para结点内,可以填入特定参数,在有限范围内加载图片源。以下为可用的参数: ①<code>limit</code>参数用于指定图片源最多可加载多少页。加载图片源时,如果页数达到limit的数值,该图片源会停止加载新图片。 ②<code>start</code>,<code>stride</code>在例2中介绍过,分别代表一个api链接内部参数(整数)的起始值和步距,除此之外,还可以通过<code>end</code>参数指定它的最终值。加载图片源时,如果api链接内部参数达到了<code>end</code>的数值,该图片源会停止加载新图片。 ③上面介绍的<code>start</code>,<code>stride</code>,<code>end</code>都是用整数限制图片源的加载范围,如果想通过日期限定图片源的加载范围,要用到<code>startdate</code>,<code>dateformat</code>,<code>stride</code>,<code>startstride</code>,<code>end</code>。<code>dateformat</code>用于说明日期的格式;<code>startdate</code>是开始日期,可以填写一个固定的日期值,也可以填写为'today'或't'(填写为'today'或't'后,加载图片源时会自动转换为当前日期);<code>startstride</code>是一个整数,代表真正的初始日期相对于<code>startdate</code>的偏移量;<code>stride</code>是整数,代表图片源每加载新的一页时,日期会增加或减少多少天;<code>end</code>是结束日期(可以不指定),如果指定了<code>end</code>,那么在加载图片源时,如果api链接内部参数达到了end的日期,该图片源会停止加载新图片。</p> <p>我们来应用一下上面的参数:</p> <pre><code>{ &amp;quot;mode&amp;quot;:&amp;quot;2&amp;quot;, &amp;quot;api&amp;quot;:&amp;quot;https://cn.bing.com/HPImageArchive.aspx?format=js&amp;amp;idx={0}&amp;amp;n={1}&amp;quot;, &amp;quot;roottype&amp;quot;:&amp;quot;object&amp;quot;, &amp;quot;para&amp;quot;:[ { &amp;quot;start&amp;quot;:0, &amp;quot;stride&amp;quot;:4, &amp;quot;end&amp;quot;:8 }, { &amp;quot;start&amp;quot;:4, &amp;quot;stride&amp;quot;:0 } ], &amp;quot;path&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;images&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;array&amp;quot; } ], &amp;quot;model&amp;quot;:{ &amp;quot;uri&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;urlbase&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;https://www.bing.com&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;left&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;_1920x1080.jpg&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;right&amp;quot; } ], &amp;quot;thumb&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;urlbase&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;https://www.bing.com&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;left&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;_1920x1080.jpg&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;right&amp;quot; } ], &amp;quot;title&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;copyright&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;,&amp;amp;0&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;split&amp;quot; } ], &amp;quot;details&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;default&amp;quot; } ], &amp;quot;date&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;enddate&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot; } ], &amp;quot;dateformat&amp;quot;:&amp;quot;yyyyMMdd&amp;quot;, &amp;quot;copyright&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;copyright&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;(?&amp;lt;=[((])[^()()]*(?=[))])&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;regex&amp;quot; } ], &amp;quot;size&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;1920x1080&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;default&amp;quot; } ] } } </code></pre> <p>与例2相比,我们加入了 <code>&amp;quot;end&amp;quot;:8</code>这个参数。最终在应用中添加这个图片源后,可以看到加载了2次,每次加载了4张图片,共加载8张图片后不再加载新图片了。</p> <p>&lt;br/&gt; &lt;br/&gt;</p> <h3>示例4 参数的缺省及简写:</h3> <p><code>roottype</code>根据情况可以省略。</p> <p><code>model</code>结点下的一些参数可以缺省。 如果<code>model</code>结点下不包含<code>title</code>,那么<code>title</code>默认指定为“(无标题)”; 如果<code>model</code>结点下不包含<code>details</code>,<code>size</code>或<code>copyright</code>,那么这些参数默认为空; 其他参数则不可缺省。</p> <p>一些参数可以简写: default可简写为def或d; object可简写为obj或o; string可简写为str或s; number可简写为num或n</p> <p>比如,删掉例3中的一些内容后得到下面的json数据,仍可以作为解析规则使用</p> <pre><code>{ &amp;quot;mode&amp;quot;:&amp;quot;2&amp;quot;, &amp;quot;api&amp;quot;:&amp;quot;https://cn.bing.com/HPImageArchive.aspx?format=js&amp;amp;idx={0}&amp;amp;n={1}&amp;quot;, &amp;quot;para&amp;quot;:[ { &amp;quot;start&amp;quot;:0, &amp;quot;stride&amp;quot;:4, &amp;quot;end&amp;quot;:8 }, { &amp;quot;start&amp;quot;:4, &amp;quot;stride&amp;quot;:0 } ], &amp;quot;path&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;images&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;a&amp;quot; } ], &amp;quot;model&amp;quot;:{ &amp;quot;uri&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;urlbase&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;s&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;https://www.bing.com&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;left&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;_1920x1080.jpg&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;right&amp;quot; } ], &amp;quot;thumb&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;urlbase&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;s&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;https://www.bing.com&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;left&amp;quot; }, { &amp;quot;node&amp;quot;:&amp;quot;_1920x1080.jpg&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;right&amp;quot; } ], &amp;quot;date&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;enddate&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;s&amp;quot; } ], &amp;quot;dateformat&amp;quot;:&amp;quot;yyyyMMdd&amp;quot; } } </code></pre> <p>同样,例1中的解析规则也可以简写成下面的格式:</p> <pre><code>{ &amp;quot;mode&amp;quot;:&amp;quot;0&amp;quot;, &amp;quot;api&amp;quot;:&amp;quot;https://source.unsplash.com/random&amp;quot;, &amp;quot;model&amp;quot;:{ &amp;quot;copyright&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;Unsplash&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;d&amp;quot; } ] } }</code></pre> <p>&lt;br/&gt; &lt;br/&gt;</p> <h1>图片源配置封装为json格式</h1> <p>按照以下格式继续封装,可以将图片源所有配置封装为json格式。 其中,<code>name</code>对应着图片源名称,<code>details</code>对应着图片源简介,<code>icon</code>对应着图片源图标链接,<code>rule</code>对应着解析规则。</p> <pre><code>{ &amp;quot;name&amp;quot;:&amp;quot;&amp;quot;, &amp;quot;details&amp;quot;:&amp;quot;&amp;quot;, &amp;quot;icon&amp;quot;:&amp;quot;&amp;quot;, &amp;quot;rule&amp;quot;:{} }</code></pre> <p>比如,将以下内容复制粘贴到每日壁纸UWP中“导入json”的文本框内,即可添加&quot;Unsplash随机图片&quot;这个图片源。 <em>2023年5月补充:注意,unsplash官方对api进行了变更,此处的api已失效</em></p> <pre><code>{ &amp;quot;name&amp;quot;:&amp;quot;Unsplash随机图片(示例)&amp;quot;, &amp;quot;details&amp;quot;:&amp;quot;&amp;quot;, &amp;quot;icon&amp;quot;:&amp;quot;https://freestaq.com/wp-content/uploads/2019/03/unsplash-logo.jpg&amp;quot;, &amp;quot;rule&amp;quot;:{ &amp;quot;mode&amp;quot;:&amp;quot;0&amp;quot;, &amp;quot;api&amp;quot;:&amp;quot;https://source.unsplash.com/random&amp;quot;, &amp;quot;model&amp;quot;:{ &amp;quot;copyright&amp;quot;:[ { &amp;quot;node&amp;quot;:&amp;quot;Unsplash&amp;quot;, &amp;quot;type&amp;quot;:&amp;quot;d&amp;quot; } ] } } }</code></pre> <p>&lt;br/&gt; &lt;br/&gt;</p> <h1>添加图片源后,怎么删除或修改图片源配置?</h1> <p>如图,在目标的图片源上点击鼠标右键,可打开扩展菜单。</p> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=186683bb78b86b3659e4416972690674&amp;amp;file=file.png" alt="删除或修改图片源" /> ![修改图片源的配置](<a href="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=8857c227c69ee063ad557fde599e3d6c&amp;file=file.png">https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=8857c227c69ee063ad557fde599e3d6c&amp;file=file.png</a> &quot;修改图片源的配置&quot;)</p> <p>&lt;br/&gt; &lt;br/&gt;</p> <h1>一些例子</h1> <p>这是应用内的在线图片源库中,开发者上传的图片源解析规则的例子。</p> <p>(注:以下示例均对应着“解析规则”项,填入应用中时,需手动为其补上图片源名称、图片源地址、图片源介绍。)</p> <p>1.随机获取1080P的Unsplash图片: <em>2023年5月补充:注意,unsplash官方对api进行了变更,此处的api已失效</em></p> <pre><code>{     &amp;quot;mode&amp;quot;:&amp;quot;0&amp;quot;,     &amp;quot;api&amp;quot;:&amp;quot;https://source.unsplash.com/random/1920x1080&amp;quot;,     &amp;quot;model&amp;quot;:{         &amp;quot;size&amp;quot;:[             {                 &amp;quot;node&amp;quot;:&amp;quot;1920x1080&amp;quot;,                 &amp;quot;type&amp;quot;:&amp;quot;default&amp;quot;             }         ],         &amp;quot;copyright&amp;quot;:[             {                 &amp;quot;node&amp;quot;:&amp;quot;Unsplash&amp;quot;,                 &amp;quot;type&amp;quot;:&amp;quot;default&amp;quot;             }         ]     } }</code></pre> <p>2.随机获取不限制分辨率的Unsplash图片: <em>2023年5月补充:注意,unsplash官方对api进行了变更,此处的api已失效</em></p> <pre><code>{     &amp;quot;mode&amp;quot;:&amp;quot;0&amp;quot;,     &amp;quot;api&amp;quot;:&amp;quot;https://source.unsplash.com/random&amp;quot;,     &amp;quot;model&amp;quot;:{         &amp;quot;copyright&amp;quot;:[             {                 &amp;quot;node&amp;quot;:&amp;quot;Unsplash&amp;quot;,                 &amp;quot;type&amp;quot;:&amp;quot;default&amp;quot;             }         ]     } }</code></pre> <p>3.获取最近8天的带Microsoft水印的必应壁纸</p> <pre><code>{     &amp;quot;mode&amp;quot;:&amp;quot;0&amp;quot;,     &amp;quot;api&amp;quot;:&amp;quot;https://bingwallpaperimages.azureedge.net/hpimages/Latest/3840x2160/{0}.jpg&amp;quot;,     &amp;quot;para&amp;quot;:[         {             &amp;quot;startdate&amp;quot;:&amp;quot;t&amp;quot;,             &amp;quot;stride&amp;quot;:-1,             &amp;quot;startstride&amp;quot;:-1,             &amp;quot;limit&amp;quot;:8,             &amp;quot;dateformat&amp;quot;:&amp;quot;yyyyMMdd&amp;quot;         }     ],     &amp;quot;model&amp;quot;:{         &amp;quot;copyright&amp;quot;:[             {                 &amp;quot;node&amp;quot;:&amp;quot;Microsoft Bing&amp;quot;,                 &amp;quot;type&amp;quot;:&amp;quot;default&amp;quot;             }         ],         &amp;quot;size&amp;quot;:[             {                 &amp;quot;node&amp;quot;:&amp;quot;3840x2160&amp;quot;,                 &amp;quot;type&amp;quot;:&amp;quot;default&amp;quot;             }         ]     } }</code></pre> <p>4.360壁纸-4K专区</p> <pre><code>{     &amp;quot;mode&amp;quot;:&amp;quot;2&amp;quot;,     &amp;quot;api&amp;quot;:&amp;quot;http://wallpaper.apc.360.cn/index.php?c=WallPaper&amp;amp;a=getAppsByCategory&amp;amp;cid=6&amp;amp;start={0}&amp;amp;count=10&amp;amp;from=360chrome&amp;quot;,     &amp;quot;roottype&amp;quot;:&amp;quot;object&amp;quot;,     &amp;quot;para&amp;quot;:[         {             &amp;quot;start&amp;quot;:0,             &amp;quot;stride&amp;quot;:10         }     ],     &amp;quot;path&amp;quot;:[         {             &amp;quot;node&amp;quot;:&amp;quot;data&amp;quot;,             &amp;quot;type&amp;quot;:&amp;quot;array&amp;quot;         }     ],     &amp;quot;model&amp;quot;:{         &amp;quot;uri&amp;quot;:[             {                 &amp;quot;node&amp;quot;:&amp;quot;url&amp;quot;,                 &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot;             }         ],         &amp;quot;thumb&amp;quot;:[             {                 &amp;quot;node&amp;quot;:&amp;quot;img_1024_768&amp;quot;,                 &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot;             }         ],         &amp;quot;title&amp;quot;:[             {                 &amp;quot;node&amp;quot;:&amp;quot;utag&amp;quot;,                 &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot;             }         ],         &amp;quot;date&amp;quot;:[             {                 &amp;quot;node&amp;quot;:&amp;quot;update_time&amp;quot;,                 &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot;             }         ],         &amp;quot;dateformat&amp;quot;:&amp;quot;yyyy-MM-dd HH:mm:ss&amp;quot;,         &amp;quot;copyright&amp;quot;:[             {                 &amp;quot;node&amp;quot;:&amp;quot;360&amp;quot;,                 &amp;quot;type&amp;quot;:&amp;quot;default&amp;quot;             }         ],         &amp;quot;size&amp;quot;:[             {                 &amp;quot;node&amp;quot;:&amp;quot;resolution&amp;quot;,                 &amp;quot;type&amp;quot;:&amp;quot;string&amp;quot;             }         ]     } }</code></pre>

页面列表

ITEM_HTML