🕵🏿 🤞 🤚🏻 हम पेबल के तहत कार्यक्रम करते हैं। सबक एक: मूर्खतापूर्ण घड़ियाँ 🥔 🕓 👩🏿‍🏭

जब वे मुझे एक कंकड़ घड़ी लाए, तो मुझे लगा कि यह सिर्फ एक स्मार्ट घड़ी है। खैर, वहाँ स्क्रीन पर एसएमएस दिखाने के लिए, दो क्षेत्रों में समय, डिजिटल के बजाय डाल - hipster एनालॉग। और इसी तरह।

लेकिन यह पता चलता है कि घड़ी में एक बड़ा समुदाय है , इसके अनुप्रयोगों को बनाने के लिए एक खुला एपीआई , एक ऑनलाइन विकास वातावरण - सामान्य तौर पर, एक ऊब डेवलपर के लिए एक आदर्श खिलौना है।

तो हमारे पास क्या है? दाईं ओर तीन बटन, बाईं ओर एक बटन, 144x168 पिक्सेल का स्क्रीन रिज़ॉल्यूशन।
दो प्रकार के कार्यक्रम - वॉचफेस, घड़ियों के लिए खाल और वाटचैप - घड़ियों के लिए अनुप्रयोग। पूर्व बटन का जवाब नहीं दे सकता है, बाद वाला कर सकता है। पूर्व को घड़ी डिस्प्ले मोड में बटन के साथ ऊपर और नीचे स्क्रॉल करें, बाद वाले को मध्य बटन दबाने के बाद मेनू के अंत में प्रदर्शित किया जाता है। डिफ़ॉल्ट रूप से, एप्लिकेशन में एक शीर्ष पट्टी होती है, जो स्टार्टअप पर एप्लिकेशन का नाम प्रदर्शित करती है, और ऑपरेशन के दौरान एक घड़ी प्रदर्शित करती है, लेकिन आप इसे बंद कर सकते हैं। सभी इंटर्नल पूरी तरह से समान हैं, आप कोड में बदलाव किए बिना पुनर्निर्माण के द्वारा आवेदन के प्रकार को बदल सकते हैं।

शुरुआत हो रही है

हम Cloudpebble.net पर जाते हैं , एक खाता बनाते हैं, प्रोजेक्ट बनाएँ पर क्लिक करते हैं, SDK 2 का चयन करते हैं।

ओर हम देखते हैं:
सेटिंग्स - प्रोजेक्ट सेटिंग्स
संकलन - प्रोजेक्ट असेंबली
main.c - हमारी एकमात्र परियोजना फ़ाइल है

सेटिंग्स में जाएं।

ऐप का प्रकार सिर्फ एक प्रकार है, एक घड़ी त्वचा या एक आवेदन।
संक्षिप्त नाम घड़ी मेनू में प्रदर्शित होता है, लंबा नाम - फोन पर एप्लिकेशन में (मेनू जिसमें से आप एप्लिकेशन हटा सकते हैं)
मेनू छवि - घड़ी मेनू में चित्र।
UUID घड़ी की पहचानकर्ता है। उदाहरण के लिए, किसी एप्लिकेशन को अपडेट करते समय। यदि डाउनलोड किए गए एप्लिकेशन में पुराने के समान संख्या है, तो इसे एक नए से बदल दिया जाएगा।

संकलन अनुभाग में, आप एक प्रोग्राम (रन बिल्ड बटन) संकलित कर सकते हैं, जिसके बाद आपको इसे डाउनलोड करने के लिए बाइनरी और एक क्यूआर कोड का लिंक दिया जाएगा। इसे फोन द्वारा स्कैन किया जा सकता है, और तुरंत वॉच पर इंस्टॉल किया जा सकता है। ऐसा आपको अक्सर करना पड़ेगा ...

अब main.c खोलें, और यह क्या है के बजाय, निम्न कोड की प्रतिलिपि बनाएँ:

#include "pebble.h" Window *window; /*   ... !   ,    . */ int main(void) { window = window_create(); /*          http://goo.gl/mdb5B9*/ window_stack_push(window, true); /*      .       -         . http://goo.gl/jXG3aw */ app_event_loop(); /*      http://goo.gl/7hLyRX */ window_destroy(window); /*      http://goo.gl/G3FJ6i */ }

विवरण के बाद - किसी विशेष फ़ंक्शन के लिए एपीआई पृष्ठों के लिंक। ~~बेटा, यह हमारी बाइबल है ... नहीं पिताजी, यह हमारा कामसूत्र है।~~
उपरोक्त कार्यक्रम कुछ भी उपयोगी नहीं है, यह सिर्फ एक खाली स्क्रीन दिखाता है। बटन का जवाब नहीं देता; जब आप बैक बटन दबाते हैं, तो वह समाप्त हो जाता है।

हम कुछ शिलालेख प्राप्त करते हैं। सबसे पहले, प्रोग्राम विंडो का बैकग्राउंड कलर सेट करें:

 window_set_background_color(window, GColorBlack);

दूसरा पैरामीटर मान ले सकता है: GColorBlack - काला रंग, GColorWhite - सफेद रंग, GColorClear - ~~पारदर्शी रंग~~ पारदर्शी पृष्ठभूमि जिसके माध्यम से पिछली परत दिखाई देगी (यदि यह थी)। डिफ़ॉल्ट रूप से, यह व्हाइट है, यही वजह है कि पहले कार्यक्रम में एक सफेद पृष्ठभूमि थी। बेशक, यह window_create फ़ंक्शन के बाद किया जाना चाहिए।
पाठ को प्रदर्शित करने के लिए, हमें एक पाठ परत की आवश्यकता है।
एक परत बनाएँ:

 TextLayer *text_layer;

हम निर्देशांक को आरंभ और सेट करते हैं:

 text_layer = text_layer_create(GRect(0, 0, 144, 168));

आयत - आयत बनाने का कार्य। उसे निम्न क्रम में निर्देशांक मिलते हैं - पहले दो नंबर त्रिकोण के ऊपरी बाएँ कोने के निर्देशांक हैं - x, y। दूसरे दो नंबर हमारे आयत की चौड़ाई और ऊंचाई हैं। सुविधा के लिए, मैंने यह चित्र बनाया:

याद रखें कि निर्देशांक को स्क्रीन की भौतिक शुरुआत से गिना जाता है, लेकिन एप्लिकेशन मोड में, पहले 16 पिक्सेल शीर्ष पट्टी को बंद कर देंगे, अगर नहीं हटाया गया।
यहाँ 1: 1 चित्र है:

निर्देशांक की गणना करने के लिए किसी भी संपादक में इसे खोलना बहुत सुविधाजनक है। दुर्भाग्य से, विकास का माहौल ऐसा अवसर प्रदान नहीं करता है।

डिफ़ॉल्ट रूप से, फ़ॉन्ट का रंग काला है, पृष्ठभूमि का रंग सफेद है, उचित छोड़ दिया गया है, फ़ॉन्ट रैस्टर गोथिक 14 है।
हम यह सब बदलते हैं। पृष्ठभूमि काली है, इसलिए अक्षरों का रंग सफेद होना चाहिए:

 text_layer_set_text_color(text_layer, GColorWhite);

पृष्ठभूमि (पाठ परत की) पारदर्शी बनाई गई है:

 text_layer_set_background_color(text_layer, GColorClear);

केंद्र संरेखण:

 text_layer_set_text_alignment(text_layer, GTextAlignmentCenter);

और फ़ॉन्ट कुछ और कर रहा है:

 text_layer_set_font(text_layer, fonts_get_system_font(FONT_KEY_GOTHIC_28_BOLD));

यहाँ सभी मानक फोंट की एक सूची है

FONT_KEY_GOTHIC_14
FONT_KEY_GOTHIC_14_BOLD
FONT_KEY_GOTHIC_18
FONT_KEY_GOTHIC_18_BOLD
FONT_KEY_GOTHIC_24
FONT_KEY_GOTHIC_24_BOLD
FONT_KEY_GOTHIC_28
FONT_KEY_GOTHIC_28_BOLD
FONT_KEY_BITHAM_30_BLACK
FONT_KEY_BITHAM_42_BOLD
FONT_KEY_BITHAM_42_LIGHT
FONT_KEY_BITHAM_42_MEDIUM_NUMBERS
FONT_KEY_BITHAM_34_MEDIUM_NUMBERS
FONT_KEY_BITHAM_34_LIGHT_SUBSET
FONT_KEY_BITHAM_18_LIGHT_SUBSET
FONT_KEY_ROBOTO_CONDENSED_21
FONT_KEY_ROBOTO_BOLD_SUBSET_49
FONT_KEY_DROID_SERIF_28_BOLD

~~एक बच्चा बनाना एक बच्चे के रूप में~~ हमने मुख्य स्क्रीन की परत के लिए बनाई गई परत जोड़ें:

 layer_add_child(window_get_root_layer(window), text_layer_get_layer(text_layer));

और अंत में, हमारे पाठ को परत पर लिखें:

 text_layer_set_text(text_layer, "Hi, habrahabr!");

और जब आप बाहर निकलें, तो स्मृति को मुक्त करना न भूलें:

 text_layer_destroy(text_layer);

हमारा कार्यक्रम पहले से ही इस तरह दिखता है:

और यहाँ इसका स्रोत है। आप संपादक को कॉपी कर सकते हैं, देखने के लिए डींग मारने के लिए बना सकते हैं और चला सकते हैं: मैंने घड़ी के लिए एक कार्यक्रम लिखा है (!)

 #include "pebble.h" Window *window; TextLayer *text_layer; /*     ...    */ int main(void) { window = window_create(); window_set_background_color(window, GColorBlack); /* http://goo.gl/B6tj94 */ window_stack_push(window, true); text_layer = text_layer_create(GRect(0, 0, 144, 168)); /*   (http://goo.gl/00eAW6)        http://goo.gl/kYuFh5 */ text_layer_set_text_color(text_layer, GColorWhite); /*    http://goo.gl/wt4ZIC */ text_layer_set_background_color(text_layer, GColorClear); /*     http://goo.gl/Y7HARg */ text_layer_set_font(text_layer, fonts_get_system_font(FONT_KEY_GOTHIC_28_BOLD)); /*   http://goo.gl/MOhxNe */ text_layer_set_text_alignment(text_layer, GTextAlignmentCenter); /*    http://goo.gl/K6LWeG */ layer_add_child(window_get_root_layer(window), text_layer_get_layer(text_layer)); /*          http://goo.gl/jFy8LV */ text_layer_set_text(text_layer, "Hi, habrahabr!"); /*   http://goo.gl/KT1hD6 */ app_event_loop(); text_layer_destroy(text_layer); window_destroy(window); }

अंत में, आप हमारी घड़ी में एक समय प्रदर्शन जोड़ सकते हैं।
वांछित प्रकार (सेकंड में समय) का एक चर बनाएं और वर्तमान समय को उसमें POSIX प्रारूप में डालें

  time_t now = time(NULL);

हम एक संरचना बनाते हैं जो वर्तमान समय के मूल्य को अधिक पठनीय प्रारूप में संग्रहीत करेगा - वर्ष, महीना, दिन, घंटा, मिनट, दूसरा, साथ ही दिन से सप्ताह, दिन से वर्ष और AM / PM:

 struct tm *current_time = localtime(&now);

और उसके बाद हम उसमें समय लिखते हैं, पोसिक्स से स्थानीय समय फ़ंक्शन द्वारा एक पठनीय दृश्य में परिवर्तित किया जाता है।

चूँकि हमें केवल समय की आवश्यकता होती है, और चर में हमारे पास ढेर सारी जानकारी पड़ी रहती है, हमें उन भागों का चयन करना होगा जिनकी हमें आवश्यकता है। यह स्ट्रैफ़्टाइम फ़ंक्शन द्वारा किया जाता है। तर्क के रूप में, यह निम्नलिखित चर लेता है: परिणाम के रिकॉर्ड का चर, उसका आकार, रिकॉर्ड का प्रारूप, वह चर जिसमें समय स्थित है। चूंकि फ़ंक्शन को एक चर की आवश्यकता होती है (यह पाठ परत पर नहीं लिख सकता है), और इसके आकार के लिए, आपको पहले इस तरह का एक चर बनाना होगा।

 static char time[] = "00:00:00";

बेशक, शुरुआती 00:00:00 के दौरान लिखना आवश्यक नहीं है, आप "it" भी लिख सकते हैं, या आप कुछ भी नहीं लिख सकते हैं और फ़ंक्शन के दूसरे तर्क में आकार को एक संख्या से सेट कर सकते हैं, लेकिन यह बहुत स्पष्ट नहीं होगा।

 strftime(time, sizeof(time), "%T", current_time);

यदि current_time में हमारे पास हमेशा वर्तमान समय होता है, तो इस क्षण से शुरू होने वाला समय चर उस समय के समय पर स्वरूपित समय मान बना रहता है जब स्ट्रैटिफ़ को निष्पादित किया जाता है। इसे कैसे स्वरूपित किया जाता है यह तीसरे तर्क पर निर्भर करता है -% T प्रारूप प्रलेखन आसानी से फ़ंक्शन के नाम से जाना जाता है, उदाहरण के लिए, यहां । इस मामले में,% T "% H:% M:% S" के समान है। कॉलोनियों द्वारा अलग किए गए घंटे, मिनट और सेकंड।

अब आप इस मूल्य को टेक्स्ट लेयर पर लिख सकते हैं:

 text_layer_set_text(text_layer, time);

ऐसा लगता है जैसे हमें एक घड़ी मिली। और स्टार्टअप पर, वे सही समय दिखाएंगे। बस यही समस्या है - वे अपडेट नहीं हैं, और दिन में केवल एक बार सही समय दिखाते हैं।
हमें किसी भी तरह हर सेकंड समय को पुनः प्राप्त करने और इसे स्क्रीन पर प्रदर्शित करने की आवश्यकता है। ऐसा ही किया जाता है।
हम एक ऐसा फंक्शन बनाते हैं जो ऐसा करेगा, और वहां के री-आउटिंग और टाइम आउटपुट से जुड़ी हर चीज को ट्रांसफर करेगा:

 static void second_tick(struct tm* tick_time, TimeUnits units_changed) { static char time[] = "00:00:00"; strftime(time, sizeof(time), "%T", current_time); text_layer_set_text(text_layer, time); }

टाइमर सेवा की सदस्यता लें:

 tick_timer_service_subscribe(SECOND_UNIT, &second_tick);

पहले तर्क का मतलब है कि दूसरे तर्क में फ़ंक्शन को हर सेकंड कहा जाएगा। यदि घड़ी में कुछ सेकंड नहीं हैं, तो आप ऊर्जा को बचा सकते हैं और हर मिनट फ़ंक्शन को कॉल करके प्रोसेसर को 60 गुना कम जाग सकते हैं: MINUTE_UNIT
या हर घंटे: HOUR_UNIT
या हर दिन: DAY_UNIT
ठीक है, आपको तर्क मिलता है: MONTH_UNIT, YEAR_UNIT

उसके बाद, टाइमर के अगले टिक की प्रतीक्षा किए बिना, इस फ़ंक्शन को जबरन कॉल करने की सलाह दी जाती है - ठीक है, सिर्फ सुंदरता के लिए, ताकि एक सेकंड के लिए रिक्त स्क्रीन को न देखें। एक दूजे का हो तो अच्छा है। क्या होगा अगर टाइमर हर मिनट टिक जाए?

 second_tick(current_time, SECOND_UNIT);

परिणामस्वरूप, हमारी घड़ी इस तरह दिखती है:

स्रोत:

 #include "pebble.h" Window *window; TextLayer *text_layer; static void second_tick(struct tm* tick_time, TimeUnits units_changed) /* ,     */ { static char time[] = "00:00:00"; /*       */ strftime(time, sizeof(time), "%T", tick_time); /*     */ text_layer_set_text(text_layer, time); /*        */ } int main(void) { window = window_create(); window_set_background_color(window, GColorBlack); window_stack_push(window, true); text_layer = text_layer_create(GRect(0, 0, 144, 168)); text_layer_set_text_color(text_layer, GColorWhite); text_layer_set_background_color(text_layer, GColorClear); text_layer_set_font(text_layer, fonts_get_system_font(FONT_KEY_GOTHIC_28_BOLD)); text_layer_set_text_alignment(text_layer, GTextAlignmentCenter); layer_add_child(window_get_root_layer(window), text_layer_get_layer(text_layer)); time_t now = time(NULL); /*       POSIX- */ struct tm *current_time = localtime(&now); /*   POSIX     */ tick_timer_service_subscribe(SECOND_UNIT, &second_tick); /*     */ second_tick(current_time, SECOND_UNIT); /*       */ app_event_loop(); text_layer_destroy(text_layer); window_destroy(window); tick_timer_service_unsubscribe(); }

संदर्भ:

Httpeble : एक पुस्तकालय जो कार्यक्रमों के भीतर http अनुरोधों को लागू करता है
[एन] वास्तव में स्मार्ट घड़ियों (कैलेंडर, मौसम, अनुस्मारक, फोन खोज, स्मार्ट घर, संगीत नियंत्रण, कैमरा नियंत्रण, जीपीएस, स्टॉक सारांश के प्रबंधन के लिए HTTP अनुरोध ) की एक परियोजना
PapaBubaDiop कंकड़ के लिए एक खेल विकसित करने के बारे में लिखता है ।
स्रोत कोड के साथ, कंकड़ के लिए विभिन्न अनुप्रयोगों का एक विशाल संग्रह ।

हम पेबल के तहत कार्यक्रम करते हैं। सबक एक: मूर्खतापूर्ण घड़ियाँ

शुरुआत हो रही है

संदर्भ:

More articles: