高级卵石手表配置

<span>$('#b-cancel').click(function() {
</span>  <span>document.location = 'pebblejs://close';
</span><span>});</span>

如果用户已经选择了东西怎么办？

>如果用户已经对设置进行了更改，则说他们已经要求该应用程序找到冰淇淋，我们希望他们以前的“ gelato”设置在Textfield中出现设置。为此，我们将在URL中发送config HTML页面称为searchingfor。一个例子是URL http://www.yourpebbleappsettingpage.com?searchingfor = gelato。

>我很久以前找到了一个功能

<span>"capabilities": ["location", "configurable"]</span>

<span>"appKeys": {
</span>  <span>"location": 0,
</span>  <span>"searchingFor": 1
</span><span>}</span>

>

开始，我们将在JavaScript中需要一个新变量。让我们称其为搜索以匹配我们在appinfo.json文件中的密钥（不必将其命名相同，但为了保持一致性和清晰度，我已经这样做了）。这个变量需要做的是将用户对我们每天的卵石增强生活的位置类型的偏好存储。

检索它：

<span>"capabilities": ["location", "configurable"]</span>

>因此，在我们的情况下，我们需要将搜索数据存储在Pebble应用程序的本地存储中。我们将使用JavaScript变量在整个应用程序中访问它，但是有时候，当我们首次加载应用程序或从配置屏幕返回时，我们将从本地存储中设置此搜索变量。>

>我们将在JavaScript运行的那一刻查看本地存储。如果在本地存储中找不到我们的搜索数据，那么我们将默认设置为“星巴克”。这是在我们的locationOptions定义下在pebble-js-app.js file。

<span>"appKeys": {
</span>  <span>"location": 0,
</span>  <span>"searchingFor": 1
</span><span>}</span>

到目前为止，我们的应用程序将做与以前相同的事情 - 找到我们的星巴克。当用户按下您的应用程序“设置”按钮时，我们需要让它知道该怎么做。我们使用showconfiguration事件听众来做到这一点：

<span><span><span><label</span> for<span>="searchingFor"</span>></span>Whatcha wanna find?<span><span></label</span>></span>
</span><span><span><span><textarea</span> cols<span>="40"</span> rows<span>="8"</span> name<span>="searchingFor"</span> id<span>="searchingFor"</span>></span><span><span></textarea</span>></span>
</span><span><span><span><button</span> type<span>="submit"</span> id<span>="b-cancel"</span>></span>Cancel<span><span></button</span>></span>
</span><span><span><span><button</span> type<span>="submit"</span> id<span>="b-submit"</span>></span>Submit<span><span></button</span>></span></span>

>将用户带到您的页面，并带有表格以填写这些设置。当他们提交新设置（例如上述“冰淇淋”）时，我们希望我们的JavaScript在pebble-js-app.js中准备好并等待该数据。 为此，我们使用WebViewClatose事件侦听器。在这里，我们将其从URI字符串（用于空间等的编码版本等）中解码，然后再次将其解析为JSON对象。我们从该JSON对象获得搜索值，并再次对其进行编码，现在它不在我们的JSON字符串中。最后一点点编码是将其存储为准备将其放入前面讨论的Foursquare API调用中的URL字符串（https://api.foursquare.com/v2/venues/venues/search?client_id ='client_id ='clientid'＆client_secret'＆client '＆v ='version'＆ll ='latitude'，'经度'＆query ='searching for Request）：

<span>$('#b-cancel').click(function() {
</span>  <span>document.location = 'pebblejs://close';
</span><span>});</span>

>如果我们的价值不确定（似乎有很多原因可能发生了，但它们是边缘案例），我将最后的选择将其切换回“星巴克”。将来可能会有一种更好的方法来处理此问题，可能会出现错误，但是为了使此演示的事情保持简单，我在最坏的情况下默认为星巴克：

<span>function saveOptions() {
</span>  <span>var options = {
</span>    <span>searchingFor: $('#searchingFor').val()
</span>  <span>}
</span>  <span>return options;
</span><span>}</span>

<span>$('#b-submit').click(function() {
</span>  <span>var location = 'pebblejs://close#' + encodeURIComponent(JSON.stringify(saveOptions()));
</span>  <span>document.location = location;
</span><span>});</span>

我们的JavaScript现在了解这个新设置，但还有更多要做的事情。

我们的C代码

>我们的find_me_anything.c文件不需要更改太多。我进行了以下添加和更改。

增加消息缓冲区大小

>

<span>"capabilities": ["location", "configurable"]</span>

<span>"appKeys": {
</span>  <span>"location": 0,
</span>  <span>"searchingFor": 1
</span><span>}</span>

<span><span><span><label</span> for<span>="searchingFor"</span>></span>Whatcha wanna find?<span><span></label</span>></span>
</span><span><span><span><textarea</span> cols<span>="40"</span> rows<span>="8"</span> name<span>="searchingFor"</span> id<span>="searchingFor"</span>></span><span><span></textarea</span>></span>
</span><span><span><span><button</span> type<span>="submit"</span> id<span>="b-cancel"</span>></span>Cancel<span><span></button</span>></span>
</span><span><span><span><button</span> type<span>="submit"</span> id<span>="b-submit"</span>></span>Submit<span><span></button</span>></span></span>

<span>$('#b-cancel').click(function() {
</span>  <span>document.location = 'pebblejs://close';
</span><span>});</span>

<span>function saveOptions() {
</span>  <span>var options = {
</span>    <span>searchingFor: $('#searchingFor').val()
</span>  <span>}
</span>  <span>return options;
</span><span>}</span>