👩🏽‍🏭 🍪 🤱🏽 हम सैमसंग स्मार्ट वॉच और ओएस टिज़ेन के लिए पहला आवेदन लिख रहे हैं 🏠 🔴 😪

हाय हमर! हाल ही में एक प्रकाशन ने Tizen OS के तहत चलने वाली Samsung Galaxy Watch स्मार्टवॉच के पहले छापों का वर्णन किया। अगला चरण यह पता लगाना था कि इस प्रणाली के लिए अपने स्वयं के अनुप्रयोगों को कैसे विकसित किया जाए, दोनों एमुलेटर पर और एक वास्तविक घड़ी पर।

पूरी तरह से प्रक्रिया सरल हो गई (विशेषकर जब आप एक वर्ष से अधिक समय तक कार्यक्रम करते हैं), हालांकि इसकी अपनी सूक्ष्मताएं हैं। निरंतरता के बारे में कौन परवाह करता है, कटौती के तहत विवरण।

सावधानी यातायात, कई स्क्रीनशॉट।

चरण 1. आईडीई और घटकों को स्थापित करें

पहला कदम सरल और स्पष्ट है। हम सैमसंग वेबसाइट पर जाते हैं और टिज़ेन स्टूडियो डाउनलोड करते हैं, हम ऑपरेटिंग सिस्टम के आधार पर संस्करण का चयन करते हैं। प्रकाशन के समय, वर्तमान संस्करण 2.5 है, और हम इसका उपयोग करेंगे।

स्थापना के बाद, पैकेज प्रबंधक शुरू होता है, जिसके साथ आपको विकास के लिए आवश्यक पैकेज स्थापित करने की आवश्यकता होती है। हम 3.0 पहनने योग्य चुनते हैं।

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

चरण 2. एक परियोजना बनाना

हमने IDE पहले ही इंस्टॉल कर लिया है ~~और लगभग असली मोबाइल-प्रोग्रामर बन गए हैं।~~ अब हम एक नया प्रोजेक्ट बना सकते हैं। Tizen Studio लॉन्च करें और फ़ाइल -> New Tizen प्रोजेक्ट चुनें । एक विंडो दिखाई देती है जहां आप टेम्पलेट (एक नई परियोजना के लिए टेम्पलेट) या नमूने (पूर्वनिर्धारित उदाहरण) का चयन कर सकते हैं। टेम्पलेट का चयन करें, और वांछित प्लेटफ़ॉर्म की विंडो में, पहनने योग्य 3.0 का चयन करें।

अगला पैराग्राफ बताता है कि क्या लिखना है - देशी या वेब-एप्लिकेशन, सी ++ या एचटीएमएल 5।

बेशक, केवल कट्टर, सी ++ चुनें। अगला कदम आवेदन के प्रकार को चुनना है, जिसमें से काफी हैं। बेसिक UI चुनें।

शेष आइटम इतने दिलचस्प नहीं हैं, आपको एप्लिकेशन नाम, आइकन आदि का चयन करने की आवश्यकता है। मैंने सरल नाम test1 चुना, आइकन डिफ़ॉल्ट रूप से छोड़ दिया गया था। अंत में, विज़ार्ड एक एप्लिकेशन बनाता है जिसमें test1.c फ़ाइल और tizen-rev.xml फ़ाइल होती है, जो एप्लिकेशन की मुख्य सेटिंग्स को संग्रहीत करता है।

वैसे, विकास पर्यावरण स्वयं ग्रहण पर आधारित है, और कुछ इस तरह दिखता है।

अब एप्लिकेशन को घड़ी एमुलेटर पर चलाया जा सकता है। उपकरण चुनें - मेनू से एमुलेटर प्रबंधक। एक विंडो दिखाई देती है जहां आप एमुलेटर का चयन और चला सकते हैं।

जब एमुलेटर चल रहा है, तो Tizen Studio से एप्लिकेशन लॉन्च करें। यह शीर्ष -100 में आने की संभावना नहीं है, लेकिन यह देखते हुए कि हमने कोई कोड नहीं लिखा है, और इसलिए बुरा नहीं है:

चरण 3. कोड को पार्स करें

आइए देखें कि टिज़ेन स्टूडियो हमारे लिए क्या उत्पन्न करता है।

ऐपडाटा संरचना कार्यक्रम में उपयोग किए जाने वाले मुख्य नियंत्रणों को इंगित करता है। मुख्य फ़ंक्शन में, सिस्टम फ़ंक्शन ui_app_main कहा जाता है, जिसे प्रोग्राम जीवन चक्र (app_create, app_pause, app_terminate, आदि) के सभी मुख्य कॉलबैक फ़ंक्शन द्वारा प्रारंभ किया जाता है।

typedef struct appdata { Evas_Object *win; Evas_Object *conform; Evas_Object *label; } appdata_s; static bool app_create(void *data) { appdata_s *ad = data; create_base_gui(ad); return true; } static void app_pause(void *data) { } ... int main(int argc, char *argv[]) { appdata_s ad = {0,}; int ret = 0; ui_app_lifecycle_callback_s event_callback = {0,}; app_event_handler_h handlers[5] = {NULL, }; event_callback.create = app_create; event_callback.terminate = app_terminate; event_callback.pause = app_pause; event_callback.resume = app_resume; event_callback.app_control = app_control; ui_app_add_event_handler(&handlers[APP_EVENT_LOW_BATTERY], APP_EVENT_LOW_BATTERY, ui_app_low_battery, &ad); ui_app_add_event_handler(&handlers[APP_EVENT_LOW_MEMORY], APP_EVENT_LOW_MEMORY, ui_app_low_memory, &ad); ... ret = ui_app_main(argc, argv, &event_callback, &ad); if (ret != APP_ERROR_NONE) { dlog_print(DLOG_ERROR, LOG_TAG, "app_main() is failed. err = %d", ret); } return ret; }

आप यहाँ टिज़ेन पर कार्यक्रम के जीवन चक्र के बारे में अधिक पढ़ सकते हैं।

अंत में, हम फंक्शन में जाते हैं, जहाँ आवश्यक UI बनाया जाता है:

 static void create_base_gui(appdata_s *ad) { /* Window */ /* Create and initialize elm_win. elm_win is mandatory to manipulate window. */ ad->win = elm_win_util_standard_add(PACKAGE, PACKAGE); elm_win_autodel_set(ad->win, EINA_TRUE); if (elm_win_wm_rotation_supported_get(ad->win)) { int rots[4] = { 0, 90, 180, 270 }; elm_win_wm_rotation_available_rotations_set(ad->win, (const int *)(&rots), 4); } /* Conformant */ /* Create and initialize elm_conformant. elm_conformant is mandatory for base gui to have proper size when indicator or virtual keypad is visible. */ ad->conform = elm_conformant_add(ad->win); elm_win_indicator_mode_set(ad->win, ELM_WIN_INDICATOR_SHOW); elm_win_indicator_opacity_set(ad->win, ELM_WIN_INDICATOR_OPAQUE); evas_object_size_hint_weight_set(ad->conform, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND); elm_win_resize_object_add(ad->win, ad->conform); evas_object_show(ad->conform); /* Label */ /* Create an actual view of the base gui. Modify this part to change the view. */ ad->label = elm_label_add(ad->conform); elm_object_text_set(ad->label, "<align=center>Hello Tizen</align>"); evas_object_size_hint_weight_set(ad->label, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND); elm_object_content_set(ad->conform, ad->label); /* Show window after base gui is set up */ evas_object_show(ad->win); }

वास्तव में विवरण में जाने के बिना, आप देख सकते हैं कि elm_win एप्लिकेशन विंडो यहां बनाई गई है, जो Tizen एप्लिकेशन के लिए आवश्यक है। एक अनुरूप वस्तु खिड़की के अंदर बनाई गई है, जो चर आकार की सामग्री के निर्माण को नियंत्रित करती है (आकार बदल सकता है, उदाहरण के लिए, जब कीबोर्ड बाहर निकाला जाता है)। हमारे आवेदन में, कोई भी इसके बिना कर सकता है, क्योंकि हम कीबोर्ड का उपयोग नहीं करते हैं, लेकिन चूंकि यह है, इसे रहने दें। अंत में, लेबल ऑब्जेक्ट बनाने के लिए अंतिम चरण है। सभी ऑब्जेक्ट्स के पॉइंटर्स को एपडेटा स्ट्रक्चर में स्टोर किया जाता है, जिसकी हमने ऊपर जांच की थी। अंत में, अंतिम फ़ंक्शन evas_object_show वॉच स्क्रीन पर बनाई गई विंडो दिखाता है।

यह समाप्त हो सकता है, लेकिन अपने खुद के कुछ लिखना दिलचस्प है। हम बटन को प्रदर्शित करते हैं, जब क्लिक किया जाता है, तो लेबल पाठ बदल जाएगा।

उदाहरण में प्रयुक्त elm_object_content_set फ़ंक्शन केवल एक नियंत्रण प्रदर्शित करता है। लेकिन हमें कुछ जोड़ने की आवश्यकता है, इसलिए हम बॉक्स घटक का उपयोग करेंगे, जो बदले में नवफ्र्रेम कंटेनर में डाला जाएगा।

हम उपरोक्त कोड से लेबल निर्माण को हटाते हैं और इसे कोड से प्रतिस्थापित करते हैं:

  // Naviframe ad->nf = elm_naviframe_add(ad->conform); evas_object_show(ad->nf); elm_naviframe_prev_btn_auto_pushed_set(ad->nf, EINA_TRUE); elm_object_content_set(ad->conform, ad->nf); // Box ad->box = elm_box_add(ad->nf); evas_object_show(ad->box); elm_naviframe_item_push(ad->nf, "My app", NULL, NULL, ad->box, NULL); // Label ad->label = elm_label_add(ad->box); elm_object_text_set(ad->label, "<align=center>Hello <b>Tizen</b></align>"); evas_object_size_hint_weight_set(ad->label, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND); evas_object_show(ad->label); elm_box_pack_end(ad->box, ad->label); // Button ad->btn = elm_button_add(ad->box); elm_object_text_set(ad->btn, "Click me!"); evas_object_smart_callback_add(ad->btn, "clicked", btn_clicked_cb, ad); evas_object_size_hint_weight_set(ad->btn, EVAS_HINT_EXPAND, EVAS_HINT_EXPAND); evas_object_size_hint_align_set(ad->btn, EVAS_HINT_FILL, 0.5); evas_object_show(ad->btn); elm_box_pack_end(ad->box, ad->btn);

जैसा कि आप देख सकते हैं, हम 2 नियंत्रण लेबल और बटन बनाते हैं। सिस्टम से एक अच्छा बोनस - लेबल टेक्स्ट सेट करते समय, आप HTML फ़ॉर्मेटिंग टैग का उपयोग कर सकते हैं। बटन के लिए, हम btn_clicked_cb हैंडलर भी बनाते हैं:

 static void btn_clicked_cb(void *data, Evas_Object *obj, void *event_info) { appdata_s *ad = (appdata_s*)data; elm_object_text_set(ad->label, "Hello habr!"); }

हैंडलर के एक पैरामीटर के रूप में, हम एपीडटा के लिए एक पॉइंटर पास करते हैं, जहां सभी नियंत्रण संग्रहीत होते हैं। वैसे, नए नियंत्रणों को भी वहां जोड़ा जाना चाहिए:

 typedef struct appdata { Evas_Object *win; Evas_Object *nf, *conform, *box; Evas_Object *label; Evas_Object *btn; } appdata_s;

अब सब कुछ, एप्लिकेशन चलाएं, और बनाई गई लेबल और बटन के साथ हमारी विंडो देखें।

हम बटन पर क्लिक करते हैं, और लेबल का पाठ "हैलो हब्र!" के साथ बदल दिया जाता है, जैसा कि हैंडलर में वर्णित है (हम पाठ को यहां संसाधनों में नहीं डालते हैं ताकि कार्यक्रम को जटिल न करें, निश्चित रूप से, यह वास्तविक कोड में नहीं किया जाना चाहिए)।

चरण 4. घड़ी पर एप्लिकेशन लॉन्च करें

अब तक, हमारा एप्लिकेशन केवल एमुलेटर पर काम करता है, इसे वास्तविक घड़ी पर चलाना दिलचस्प है। यह प्रक्रिया पूरी तरह से तुच्छ नहीं है, हालांकि यहां भी कुछ भी जटिल नहीं है।

- घड़ी को "डीबग" करने की क्षमता को चालू करें और घड़ी को पुनरारंभ करें।

- हम घड़ी पर वाईफाई से निरंतर कनेक्शन के मोड को सक्रिय करते हैं।

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

कनेक्शन पर क्लिक करें → पर, और अगर सब कुछ सही ढंग से किया गया था, तो घड़ी आपको कनेक्शन की पुष्टि करने के लिए कहेगी, और कनेक्शन स्थापित हो जाएगा। दरअसल, घड़ी से कनेक्ट करने के लिए, इसे अपने हाथ से हटाने के लिए भी आवश्यक नहीं है।

जब सब कुछ तैयार हो जाता है, तो टिज़ेन स्टूडियो में जाएं, और ड्रॉप-डाउन सूची में हम चुन सकते हैं कि एप्लिकेशन को कहां चलाना है - घड़ी पर, या सिम्युलेटर में। हम घड़ी का चयन करते हैं, शुरू करते हैं ... और एक त्रुटि मिलती है, जैसे "त्रुटि संदेश :: गैर विश्वसनीय प्रमाण पत्र का उपयोग किया जाता है । वैध प्रमाणपत्र पंजीकृत करें: <-32> "।

काश, आधुनिक दुनिया में आप केवल अपने डिवाइस पर एप्लिकेशन नहीं ले और चला सकते हैं - डिजिटल हस्ताक्षर और प्रमाणपत्र के बिना कुछ भी काम नहीं करता (और यह अच्छा है, जैसे कि Apple के मामले में, आपको इस तरह के प्रमाण पत्र के लिए प्रति वर्ष $ 99 का भुगतान करने की आवश्यकता नहीं है, ऐसी आवश्यकता है) उन्होंने हाल ही में रद्द कर दिया)।

लेकिन वैसे, यहां सब कुछ आसानी से हल हो जाता है, अगर कोई भूल नहीं गया है, तो यह व्यर्थ नहीं था कि पहले चरण में हमने सैमसंग सर्टिफिकेट एक्सटेंशन घटक स्थापित किया था। हम टूल - प्रमाणपत्र प्रबंधक लॉन्च करते हैं, और हम प्रमाण पत्र के निर्माण का चयन करते हैं।

इस विंडो में, "सैमसंग प्रमाणपत्र" चुनें। इसके बाद, सभी क्षेत्रों को भरें, और एक प्रमाण पत्र बनाने के लिए सैमसंग खाते के प्रवेश द्वार की पुष्टि करें (एसएमएस का सत्यापन किए बिना, क्रेडिट कार्ड के क्रेडेंशियल्स का संकेत दिए बिना, भगवान का शुक्र है)।

अंत में, जब प्रक्रिया पूरी हो जाती है, तो Tizen Studio में फिर से चलाएँ क्लिक करें, और योजना के अनुसार, एप्लिकेशन घड़ी पर शुरू होता है।

प्रमाण पत्र और कनेक्शन के साथ गड़बड़ करने में कुछ समय लगता है, लेकिन यह केवल एक बार किया जाता है, फिर प्रोग्राम का संकलन हमेशा की तरह शुरू होता है, बस रन पर क्लिक करके।

निष्कर्ष

यह कहना नहीं है कि प्रक्रिया पूरी तरह से सहज है। लेकिन विशेष रूप से उन लोगों के लिए जो आईओएस या एंड्रॉइड के लिए विकास से परिचित हैं, यहां गंभीर रूप से जटिल कुछ भी नहीं है, सामान्य विचार उसी के बारे में है।

यहां काफी अच्छा प्रलेखन है , जो लोग इसे और अधिक विस्तार से अध्ययन कर सकते हैं।

यह भी दिलचस्प है कि घड़ियों के अलावा, Tizen OS के साथ अन्य डिवाइस भी हैं, उदाहरण के लिए, टीवी।
मैं सफल प्रयोगों में रुचि रखने वाले सभी लोगों की कामना करता हूं।

हम सैमसंग स्मार्ट वॉच और ओएस टिज़ेन के लिए पहला आवेदन लिख रहे हैं

चरण 1. आईडीई और घटकों को स्थापित करें

चरण 2. एक परियोजना बनाना

चरण 3. कोड को पार्स करें

चरण 4. घड़ी पर एप्लिकेशन लॉन्च करें

निष्कर्ष

More articles: