{"id":922,"date":"2017-06-25T20:51:27","date_gmt":"2017-06-25T19:51:27","guid":{"rendered":"http:\/\/ipsview.brownson.at\/?p=922"},"modified":"2017-06-29T21:14:32","modified_gmt":"2017-06-29T20:14:32","slug":"touchscreen-view-generieren","status":"publish","type":"post","link":"https:\/\/ipsview.brownson.at\/?p=922","title":{"rendered":"Touchscreen &#8211; View generieren"},"content":{"rendered":"<p>Dieses Thema widmet sich der Generierung der View f\u00fcr die Inbetriebnahme meines neuen Android Touchscreens im Wohnbereich.<\/p>\n<p>In diesem Beitrag werde ich alle n\u00f6tigen Schritte f\u00fcr die Generierung einer View Schritt f\u00fcr Schritt dokumentieren. Die Konfiguration der einzelnen Ger\u00e4te im MetaManager wird hier bereits vorausgesetzt und kann beispielsweise in der Dokumentation nachgelesen werden. Bei mir sieht der MetaManager beispielsweise so aus:<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_MetaManager.png\"><img decoding=\"async\" class=\"alignnone wp-image-925 size-large\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_MetaManager-1024x550.png\" alt=\"Touchscreen_ViewGen_MetaManager\" width=\"500\" height=\"269\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_MetaManager-200x107.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_MetaManager-300x161.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_MetaManager-768x412.png 768w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_MetaManager-1024x550.png 1024w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_MetaManager.png 1092w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<h2>Schritt 1 \u2013 Vorlage erzeugen:<\/h2>\n<p>Als erstes wird ein neues Template im MetaManager wie im Screenshot zu sehen erstellt:<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_NewTemplate.png\"><img decoding=\"async\" class=\"alignnone wp-image-926\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_NewTemplate.png\" alt=\"Touchscreen_ViewGen_NewTemplate\" width=\"500\" height=\"239\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_NewTemplate-200x96.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_NewTemplate-300x143.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_NewTemplate-768x367.png 768w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_NewTemplate.png 885w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Ich habe mich f\u00fcr die Vorlage mit einem Navigationsbereich auf der linken Seite entschieden und die Vorlage entsprechende meinem 10&#8243; Tablet benannt.<\/p>\n<p>Da mein Tablet bei 10 Zoll Bildschirmdiagonale eine Aufl\u00f6sung von 2560&#215;1600 Pixel hat, erh\u00f6he ich vorab mal alle Werte f\u00fcr die Gr\u00f6\u00dfe von Icons,Text und andere Pixelangaben um den Faktor 2. Sollten die Steuerelemente sp\u00e4ter noch immer zu klein sein, kann dieser Schritt auch noch beliebig wiederholt werden.<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_TemplateProperties.png\"><img decoding=\"async\" class=\"alignnone size-large wp-image-928\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_TemplateProperties-1024x475.png\" alt=\"Touchscreen_ViewGen_TemplateProperties\" width=\"500\" height=\"232\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_TemplateProperties-200x93.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_TemplateProperties-300x139.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_TemplateProperties-768x356.png 768w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_TemplateProperties-1024x475.png 1024w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_TemplateProperties.png 1115w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<h2>Schritt 2 \u2013 View generieren:<\/h2>\n<p>Als n\u00e4chstes wird eine View wie im Screenshot zu sehen generiert.<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_NewView.png\"><img decoding=\"async\" class=\"alignnone wp-image-927\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_NewView.png\" alt=\"Touchscreen_ViewGen_NewView\" width=\"500\" height=\"208\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_NewView-200x83.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_NewView-300x125.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_NewView-768x320.png 768w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_NewView.png 886w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Der Name der View muss dabei nicht unbedingt mit der View \u00fcbereinstimmen, hilft allerdings dabei den \u00dcberblick dar\u00fcber zu behalten, welches Template f\u00fcr welche View verwendet wird.<\/p>\n<p>Nach der Best\u00e4tigung mit OK, wird die View generiert und im ViewDesigner ge\u00f6ffnet. Als Default wird als Hardware allerdings der Windows Client mit einer Aufl\u00f6sung von 1600&#215;900 verwendet, wodurch die generierte View noch zu klein f\u00fcr mein Android Device ist.<\/p>\n<p>Also, einfach die Hardware Settings im Menu an mein Android Device mit einer Aufl\u00f6sung von 2560&#215;1600 anpassen und die View neu generieren.<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_Hardware.png\"><img decoding=\"async\" class=\"alignnone wp-image-924\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_Hardware.png\" alt=\"Touchscreen_ViewGen_Hardware\" width=\"500\" height=\"452\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_Hardware-200x181.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_Hardware-300x271.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_Hardware.png 692w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_ViewRegenerate.png\"><img decoding=\"async\" class=\"alignnone wp-image-929\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_ViewRegenerate.png\" alt=\"Touchscreen_ViewGen_ViewRegenerate\" width=\"500\" height=\"241\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_ViewRegenerate-200x97.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_ViewRegenerate-300x145.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_ViewRegenerate-768x371.png 768w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_ViewRegenerate.png 773w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Nach dem Speichern der View, kann die View nun bereits erstmals am Tablet geladen werden.<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_Client.png\"><img decoding=\"async\" class=\"alignnone wp-image-923\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_Client-1024x640.png\" alt=\"Touchscreen_ViewGen_Client\" width=\"670\" height=\"419\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_Client-200x125.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_Client-300x188.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_Client-768x480.png 768w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_Client-1024x640.png 1024w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_ViewGen_Client.png 1200w\" sizes=\"(max-width: 670px) 100vw, 670px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dieses Thema widmet sich der Generierung der View f\u00fcr die  [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[77,79,78,75,4,39],"class_list":["post-922","post","type-post","status-publish","format-standard","hentry","category-howto","tag-generieren","tag-metamanager","tag-templates","tag-touchscreen","tag-view","tag-vorlagen"],"_links":{"self":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=922"}],"version-history":[{"count":2,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/922\/revisions"}],"predecessor-version":[{"id":966,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/922\/revisions\/966"}],"wp:attachment":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=922"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=922"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}