{"id":129023,"date":"2022-11-16T17:21:35","date_gmt":"2022-11-16T16:21:35","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/how-to-create-a-display-of-increasing-and-decreasing-numbers\/"},"modified":"2022-11-16T17:21:35","modified_gmt":"2022-11-16T16:21:35","slug":"how-to-create-a-display-of-increasing-and-decreasing-numbers","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/de\/hilfe\/wie-gestalte-ich-eine-anzeige-von-zunehmenden-und-abnehmenden-zahlen","title":{"rendered":"So designen Sie eine Anzeige mit steigenden und fallenden Zahlen"},"content":{"rendered":"<p>In diesem Artikel erfahren Sie, wie Sie ein Thekendisplay designen, bei dem Sie auch subtrahieren k\u00f6nnen.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.justinmind.com\/usernote\/tests\/23518471\/73112233\/73121992\/index.html\" width=\"820px\" height=\"250px\" frameborder=\"0\"><\/iframe><\/p>\n<p>So bauen Sie es auf:<\/p>\n<h3>Siehe<\/h3>\n<ul>\n<li>Platzieren Sie ein &#8222;Eingabe-Textfeld&#8220; aus dem Abschnitt &#8222;Interaktive Eingabefelder&#8220; auf der Leinwand.<\/li>\n<li>Gehen Sie bei ausgew\u00e4hltem &#8222;Eingabe-Textfeld&#8220; zur Palette Eigenschaften und schreiben Sie die Zahl &#8222;0&#8220; f\u00fcr den Wert.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-67177\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/increasing-decreasing-numbers-2.png\" alt=\"inc-dec\" width=\"1072\" height=\"337\"><\/li>\n<li>Um Ihre Ansicht fertigzustellen, platzieren Sie zwei &#8222;Schaltfl\u00e4chen&#8220; neben Ihrer Eingabe (Sie m\u00fcssen auf jede Schaltfl\u00e4che doppelklicken und die Symbole f\u00fcr Inkrement und Dekrement &#8222;+&#8220; &amp; &#8222;-&#8220; schreiben).<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-67177\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/increasing-decreasing-numbers-3.png\" alt=\"inc-dec\" width=\"1072\" height=\"337\"><\/li>\n<\/ul>\n<h3>Ereignisse<\/h3>\n<p><span data-preserver-spaces=\"true\">W\u00e4hlen Sie die Schaltfl\u00e4che mit dem &#8222;+&#8220;-Symbol, gehen Sie dann zur Palette Ereignisse und klicken Sie auf &#8222;Ereignis hinzuf\u00fcgen&#8220;.<\/span><\/p>\n<ol>\n<li><span data-preserver-spaces=\"true\">Klicken Sie in dem Dialogfenster auf &#8222;Ausl\u00f6ser w\u00e4hlen&#8220;, bewegen Sie den Mauszeiger \u00fcber den Abschnitt &#8222;Maus&#8220; und w\u00e4hlen Sie &#8222;bei Klick&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie unter &#8222;Aktion w\u00e4hlen&#8220; die Option &#8222;Wert auf ein Element setzen&#8220; und klicken Sie auf das Feld &#8222;Text eingeben&#8220;.<\/span><\/li>\n<li><span data-preserver-spaces=\"true\">W\u00e4hlen Sie das Optionsfeld &#8222;Berechnet&#8220; f\u00fcr den Wert und klicken Sie auf &#8222;Ausdruck hinzuf\u00fcgen&#8220;.<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-67177\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/increasing-decreasing-numbers-5.png\" alt=\"inc-dec\" width=\"1072\" height=\"337\"><\/li>\n<li><span data-preserver-spaces=\"true\">Ziehen Sie im Expression Builder den Eingabetext auf den ersten Wert, ziehen Sie dann die Funktion &#8222;+&#8220; und schreiben Sie &#8222;1&#8220; an die letzte Stelle des Ausdrucks. Klicken Sie auf &#8222;Ok&#8220; und &#8222;Ok&#8220;, um die Erstellung des Ereignisses abzuschlie\u00dfen. <\/span>\n<div class=\"embed-container\" style=\"padding-bottom: 61%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/761805032\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/li>\n<\/ol>\n<p>Um Ihren Z\u00e4hler zu vervollst\u00e4ndigen, wiederholen Sie dieses Ereignis f\u00fcr die Schaltfl\u00e4che &#8222;-&#8220; und ziehen Sie im letzten Schritt die Funktion &#8222;-&#8222;.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-67177\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/increasing-decreasing-numbers-6.png\" alt=\"inc-dec\" width=\"1072\" height=\"337\"><br \/>\nSimulieren Sie Ihren Prototyp.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In diesem Artikel erfahren Sie, wie Sie ein Thekendisplay designen, bei dem Sie auch subtrahieren k\u00f6nnen. So bauen Sie es auf: Siehe Platzieren Sie ein &#8222;Eingabe-Textfeld&#8220;&#8230;<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8557,8548],"tags":[],"class_list":["post-129023","post","type-post","status-publish","format-standard","hentry","category-erweiterte-komponenten","category-erweiterte-anleitungen"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/129023"}],"collection":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/comments?post=129023"}],"version-history":[{"count":0,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/posts\/129023\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media?parent=129023"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/categories?post=129023"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tags?post=129023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}