{"id":136337,"date":"2019-04-11T13:07:56","date_gmt":"2019-04-11T11:07:56","guid":{"rendered":"https:\/\/www.ifun.de\/?p=136337"},"modified":"2019-04-11T13:12:14","modified_gmt":"2019-04-11T11:12:14","slug":"workshop-grau-app-selbstgebaut-vom-script-zur-schnellen-app","status":"publish","type":"post","link":"https:\/\/www.ifun.de\/workshop-grau-app-selbstgebaut-vom-script-zur-schnellen-app-136337\/","title":{"rendered":"Workshop: Grau.app selbstgebaut &#8211; Vom Script zur schnellen App"},"content":{"rendered":"<p>F\u00fcr einen interessierten Kollegen hat sich Daniel Jalkut mit der relativ einfachen Frage <a href=\"https:\/\/indiestack.com\/2019\/04\/toggle-system-grayscale-mode\/\">befasst<\/a>: L\u00e4sst sich die im Bereich &#8222;Systemeinstellungen&#8220; &gt; &#8222;Bedienungshilfen&#8220; &gt; &#8222;Anzeige&#8220; abgelegte Option &#8222;Graustufen verwenden&#8220; auch per Tastatur-Kurzbefehl verwenden?<\/p>\n<p><a href=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/graustufen.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-136339\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/graustufen-500x312.png\" alt=\"Graustufen\" width=\"500\" height=\"312\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/graustufen-500x312.png 500w, https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/graustufen-768x480.png 768w, https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/graustufen-700x437.png 700w, https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/graustufen.png 1524w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Nur mit den Bordmitteln des Macs leider nicht. Jalkut musste ganz ordentlich t\u00fcfteln, lieferte letztlich aber sowohl ein kleines C-Programm als auch ein AppleScript ab, mit deren Hilfe die eingangs gestellte Aufgabe erledigt werden kann.<\/p>\n<p>Wir haben das kleine AppleScript gerade in eine Mini-App verwandelt, die sich im Dock ablegen l\u00e4sst und den Bildschirminhalt nach einem Mausklick in Graustufen anzeigt &#8211; ihr kennt das <a href=\"https:\/\/www.iphone-ticker.de\/iphone-schwarz-weiss-die-times-empfiehlt-das-experiment-123224\/\">Konzept vom iPhone<\/a>.<\/p>\n<p>Die f\u00fcnf Handgriffe, die wir dazu eingesetzt haben, notieren wir an dieser Stelle einfach mal.<\/p>\n<h2>1. AppleScript \u00f6ffnen und testen<\/h2>\n<p>Wir haben den Code-Schnipsel ganz unten <a href=\"https:\/\/indiestack.com\/2019\/04\/toggle-system-grayscale-mode\/\">aus dem Blogeintrag<\/a> Jalkuts kopiert, in den Skript-Editor (&#8222;Programme&#8220; &gt; &#8222;Dienstprogramm&#8220; &gt; &#8222;Skript-Editor.app&#8220;) eingef\u00fcgt, mit einem Klick auf das Hammer-Symbol auf Eingabefehler \u00fcberpr\u00fcft und mit einem weiteren Klick auf die Play-Taste ausprobiert.<\/p>\n<p><a href=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/script-test.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-136340\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/script-test-700x428.png\" alt=\"Script Test\" width=\"700\" height=\"428\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/script-test-700x428.png 700w, https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/script-test-500x306.png 500w, https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/script-test-768x470.png 768w, https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/script-test.png 1608w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Das Script funktioniert einwandfrei und schaltet zwischen farbigem Bildschirm und Graustufen-Ansicht hin und her.<\/p>\n<h2>2. App exportieren<\/h2>\n<p>Aus funktionierenden AppleScript-Dateien l\u00e4sst sich in wenigen Sekunden eine App exportieren. &#8222;Ablage&#8220; &gt; &#8222;Exportieren\u2026&#8220; &gt; &#8222;Dateiformat&#8220; &gt; &#8222;Programm&#8220;. Wir w\u00e4hlen den Dateinamen Grau.app.<\/p>\n<p><a href=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/App-exportieren.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-136341\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/App-exportieren-700x428.png\" alt=\"App Exportieren\" width=\"700\" height=\"428\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/App-exportieren-700x428.png 700w, https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/App-exportieren-500x306.png 500w, https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/App-exportieren-768x470.png 768w, https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/App-exportieren.png 1608w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<h2>3. Icon erstellen<\/h2>\n<p>Damit unsere Grau.app nicht nur das langweilige Script-Icon anzeigt, klauen wir das Finder-Symbol. Die Finder-App lebt im Systemverzeichnis &#8222;\/System\/Library\/CoreServices\/&#8220;. Dieses \u00f6ffnen wir, klicken die Finder.app mit der rechten Maustaste an und w\u00e4hlen die Option &#8222;Paketinhalt zeigen&#8220;.<\/p>\n<p><a href=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/finder-icon-vorschau.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-136342\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/finder-icon-vorschau-700x368.png\" alt=\"Finder Icon Vorschau\" width=\"700\" height=\"368\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/finder-icon-vorschau-700x368.png 700w, https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/finder-icon-vorschau-500x263.png 500w, https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/finder-icon-vorschau-768x403.png 768w, https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/finder-icon-vorschau.png 1816w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Im Inneren der Finder-App klicken wir uns in das Verzeichnis &#8222;\/Contents\/Resources&#8220; und \u00f6ffnen die Icon-Datei Finder.icns per Doppelklick in der Vorschau-App. Per Drag-and-Drop ziehen wir das blaue Icon auf den Schreibtisch.<\/p>\n<p>In einem beliebigen Grafikprogramm wandeln wir das farbige Icon in Graustufen um und speichern die fertige Grafik als PNG-Datei. Mit Hilfe der f\u00fcr unsere Zwecke kostenfreien Mac-App <a href=\"https:\/\/itunes.apple.com\/de\/app\/image2icon\/id992115977?mt=12\">Image2Icon<\/a> lassen wir uns aus der grauen Finder-Grafik nun wieder eine Icon-Datei im ICNS-Format erstellen.<\/p>\n<p><a href=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/icon-bau.gif\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/icon-bau-700x324.gif\" alt=\"Icon Bau\" width=\"700\" height=\"324\" class=\"aligncenter size-large wp-image-136347\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/icon-bau-700x324.gif 700w, https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/icon-bau-500x232.gif 500w, https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/icon-bau-768x356.gif 768w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<h2>4. Icon einbauen<\/h2>\n<p>Nun wenden wir uns noch mal unserer Grau.app zu und ersetzen (Rechtsklick &gt; &#8222;Paketinhalt zeigen&#8220; &gt; &#8222;Contents&#8220; &gt; &#8222;Resources&#8220;) die Icon-Datei &#8222;applet.icns&#8220; durch unser graues Finder-Icon, dem wir vorher den gleichen Namen gegeben haben.<\/p>\n<p><a href=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/grau-app-icon.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-136343\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/grau-app-icon.gif\" alt=\"Grau App Icon\" width=\"1000\" height=\"496\" \/><\/a><\/p>\n<h2>5. Fertig<\/h2>\n<p>Die Grau.app l\u00e4sst sich nun im Programme-Ordner ablegen, bei Bedarf in das Dock ziehen und schaltet per Mausklick zwischen Farb- und Graustufenanzeige hin und her.<\/p>\n<p>Wir glauben nicht, dass ihr die Grau.app braucht &#8211; aber vielleicht erweist sich das Wissen \u00fcber einen der Zwischenschritte zuk\u00fcnftig vielleicht mal als Hilfreich.<\/p>\n<p><a href=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/grau-app-dock.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-136344\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/grau-app-dock.jpg\" alt=\"Grau App Dock\" width=\"1255\" height=\"290\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/grau-app-dock.jpg 1255w, https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/grau-app-dock-500x116.jpg 500w, https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/grau-app-dock-768x177.jpg 768w, https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/grau-app-dock-700x162.jpg 700w\" sizes=\"auto, (max-width: 1255px) 100vw, 1255px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/www.ifun.de\/workshop-grau-app-selbstgebaut-vom-script-zur-schnellen-app-136337\/\"><img width=\"150\" height=\"150\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/grau-feature-150x150.jpg\" class=\"alignright tfe wp-post-image\" alt=\"Grau Feature\" decoding=\"async\" loading=\"lazy\" \/><\/a><p>F\u00fcr einen interessierten Kollegen hat sich Daniel Jalkut mit der relativ einfachen Frage befasst: L\u00e4sst sich die im Bereich &#8222;Systemeinstellungen&#8220; &gt; &#8222;Bedienungshilfen&#8220; &gt; &#8222;Anzeige&#8220; abgelegte Option &#8222;Graustufen verwenden&#8220; auch per Tastatur-Kurzbefehl verwenden? Nur mit den Bordmitteln des Macs leider nicht. Jalkut musste ganz ordentlich t\u00fcfteln, lieferte letztlich aber sowohl ein kleines C-Programm als auch ein [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":136345,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[86,2282,4737,164,6321,125,87],"class_list":["post-136337","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apps","tag-anleitung","tag-applescript","tag-apps","tag-diy","tag-mac","tag-tipp","tag-tutorial"],"acf":[],"aioseo_notices":[],"subheadline":["macOS Graustufen-Umschalter"],"featured_image":["https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/grau-feature.jpg"],"rest_api_enabler":{"subheadline":"macOS Graustufen-Umschalter","featured_image":"https:\/\/images.ifun.de\/wp-content\/uploads\/2019\/04\/grau-feature.jpg"},"_links":{"self":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/136337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/comments?post=136337"}],"version-history":[{"count":4,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/136337\/revisions"}],"predecessor-version":[{"id":136349,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/136337\/revisions\/136349"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media\/136345"}],"wp:attachment":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media?parent=136337"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/categories?post=136337"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/tags?post=136337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}