{"id":103748,"date":"2022-04-10T09:36:49","date_gmt":"2022-04-10T07:36:49","guid":{"rendered":"https:\/\/prohoster.info\/blog\/novosti-interneta\/dostupna-polzovatelskaya-obolochka-material-shell-42"},"modified":"2022-04-10T09:36:49","modified_gmt":"2022-04-10T07:36:49","slug":"dostupna-polzovatelskaya-obolochka-material-shell-42","status":"publish","type":"post","link":"https:\/\/prohoster.info\/pl\/blog\/news\/dostupna-polzovatelskaya-obolochka-material-shell-42","title":{"rendered":"Dost\u0119pny jest interfejs u\u017cytkownika Material Shell 42.","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>Po roku prac rozwojowych opublikowano wersj\u0119 u\u017cytkowej nak\u0142adki Material Shell 42, kt\u00f3ra wprowadza realizacj\u0119 koncepcji mozaikowego i przestrzennego uk\u0142adu okien dla GNOME. Projekt ma form\u0119 rozszerzenia dla GNOME Shell i ma na celu uproszczenie nawigacji oraz zwi\u0119kszenie efektywno\u015bci pracy poprzez automatyzacj\u0119 zarz\u0105dzania oknami i przewidywalno\u015bci zachowania interfejsu. Kod zosta\u0142 napisany w j\u0119zyku TypeScript i jest dystrybuowany na licencji GPLv3. W wersji Material Shell 42 zapewniono wsparcie dla pracy z GNOME 42.    <\/p>\n<p>W Material Shell zastosowano model przestrzenny (Spatial Model) prze\u0142\u0105czania mi\u0119dzy oknami, kt\u00f3ry zak\u0142ada podzia\u0142 otwartych aplikacji na obszary robocze (workspace). Ka\u017cdy obszar roboczy mo\u017ce zawiera\u0107 kilka aplikacji. W ten spos\u00f3b tworzy si\u0119 wirtualna siatka okien aplikacji, gdzie kolumnami s\u0105 aplikacje, a wierszami \u2014 obszary robocze. U\u017cytkownik mo\u017ce zmienia\u0107 widok, poruszaj\u0105c si\u0119 po siatce w stosunku do aktualnej kom\u00f3rki; na przyk\u0142ad mo\u017cna przesun\u0105\u0107 widoczny obszar w lewo lub w prawo, aby prze\u0142\u0105czy\u0107 si\u0119 mi\u0119dzy aplikacjami w jednym obszarze roboczym, oraz w g\u00f3r\u0119 lub w d\u00f3\u0142, aby prze\u0142\u0105czy\u0107 si\u0119 mi\u0119dzy obszarami roboczymi.       <center><div class=\"youtube-placeholder\" data-id=\"Wc5mbuKrGDE\" onclick=\"loadVideo(this)\">\r\n        <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/Wc5mbuKrGDE\/hqdefault.jpg\" alt=\"Odtwarzaj wideo\" loading=\"lazy\" width=\"480\" height=\"360\" style=\"width:100%;height:auto;\">\r\n        <div class=\"play-button\"><\/div>\r\n    <\/div><\/center>    <\/p>\n<p>Material Shell umo\u017cliwia grupowanie aplikacji w zale\u017cno\u015bci od tematyki lub wykonywanych zada\u0144 poprzez dodawanie nowych obszar\u00f3w roboczych i otwieranie w nich aplikacji, tworz\u0105c wygodn\u0105 dla konkretnego u\u017cytkownika i przewidywaln\u0105 przestrze\u0144 okien. Wszystkie okna s\u0105 u\u0142o\u017cone w formie mozaikowej (tiled) i si\u0119 nie nak\u0142adaj\u0105. Istnieje mo\u017cliwo\u015b\u0107 rozci\u0105gni\u0119cia bie\u017c\u0105cej aplikacji na ca\u0142y ekran, wy\u015bwietlenia obok siebie z innymi aplikacjami z obszaru roboczego, pokazania wszystkich okien w formie kolumn lub siatki, a tak\u017ce swobodnego przypinania okien w dowolnej formie, u\u017cywaj\u0105c poziomego i pionowego \u0142\u0105czenia z s\u0105siednimi oknami.    <\/p>\n<p>U\u017cytkownik mo\u017ce zapisa\u0107 skonfigurowany model przestrzenny pomi\u0119dzy uruchomieniami, co pozwala na utworzenie znajomego otoczenia z przypi\u0119tymi przez u\u017cytkownika elementami. Po uruchomieniu aplikacji jej okno umiejscawiane jest w uprzednio wybranym miejscu, zachowuj\u0105c og\u00f3lny porz\u0105dek wy\u015bwietlania obszar\u00f3w roboczych oraz przypisane do nich aplikacje. Mo\u017cna przegl\u0105da\u0107 uk\u0142ad utworzonej siatki nawigacyjnej, w kt\u00f3rej w wybranych przez u\u017cytkownika miejscach pokazane s\u0105 wszystkie wcze\u015bniej uruchomione aplikacje, a klikni\u0119cie na ikon\u0119 aplikacji w tej siatce otworzy j\u0105 w odpowiednim miejscu w modelu przestrzennym.    <\/p>\n<p>Do sterowania mo\u017cna u\u017cywa\u0107 klawiatury, ekranu dotykowego lub myszy. Elementy interfejsu s\u0105 zaprojektowane w stylu Material Design. Oferowane s\u0105 jasna, ciemna oraz g\u0142\u00f3wna (kolor wybiera u\u017cytkownik) motywy wizualne. Do obs\u0142ugi za pomoc\u0105 myszy i ekranu dotykowego stosowana jest panel po lewej stronie ekranu. Na panelu wy\u015bwietlane s\u0105 informacje o dost\u0119pnych obszarach roboczych oraz zaznaczony jest bie\u017c\u0105cy obszar roboczy. U do\u0142u panelu znajduj\u0105 si\u0119 r\u00f3\u017cnorodne wska\u017aniki, zasobnik systemowy oraz obszar powiadomie\u0144.     <\/p>\n<p>Do nawigacji po oknach aplikacji uruchomionych w bie\u017c\u0105cym obszarze roboczym s\u0142u\u017cy g\u00f3rny panel, kt\u00f3ry pe\u0142ni funkcje paska zada\u0144. W kontek\u015bcie zarz\u0105dzania modelem przestrzennym lewy panel odpowiada za dodawanie obszar\u00f3w roboczych i prze\u0142\u0105czanie si\u0119 mi\u0119dzy nimi, podczas gdy g\u00f3rny panel \u2014 za dodawanie aplikacji do bie\u017c\u0105cego obszaru roboczego i prze\u0142\u0105czanie si\u0119 mi\u0119dzy aplikacjami. G\u00f3rny panel jest r\u00f3wnie\u017c wykorzystywany do zarz\u0105dzania mozaikowym uk\u0142adem okien na ekranie.             <center>  <video  controls=\"\" style=\"width: 720px; height: 480px; max-width:100%\"><source type=\"video\/webm\" src=\"https:\/\/material-shell.com\/videos\/interface_showcase.webm\"><\/video>  <\/center><br \/>\n<br \/>\u0179r\u00f3d\u0142o: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/www.opennet.ru\/opennews\/art.shtml?num=56997\">opennet.ru<\/a> <\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\u041f\u043e\u0441\u043b\u0435 \u0433\u043e\u0434\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d \u0432\u044b\u043f\u0443\u0441\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u043e\u0431\u043e\u043b\u043e\u0447\u043a\u0438 Material Shell 42, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0449\u0435\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u044e \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u043c\u043e\u0437\u0430\u0438\u0447\u043d\u043e\u0439 \u0438 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u043e\u0432\u043a\u0438 \u043e\u043a\u043e\u043d \u0434\u043b\u044f GNOME. \u041f\u0440\u043e\u0435\u043a\u0442 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d \u0432 \u0432\u0438\u0434\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u0434\u043b\u044f GNOME Shell \u0438 \u043d\u0430\u0446\u0435\u043b\u0435\u043d \u043d\u0430 \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u0435 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0438 \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u0438\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0437\u0430 \u0441\u0447\u0451\u0442 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043e\u043a\u043d\u0430\u043c\u0438 \u0438 \u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0443\u0435\u043c\u043e\u0441\u0442\u0438 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430. \u041a\u043e\u0434 \u043d\u0430\u043f\u0438\u0441\u0430\u043d \u043d\u0430 \u044f\u0437\u044b\u043a\u0435 TypeScript \u0438 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f \u043f\u043e\u0434 [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-103748","post","type-post","status-publish","format-standard","hentry","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.1.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u041f\u043e\u0441\u043b\u0435 \u0433\u043e\u0434\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d \u0432\u044b\u043f\u0443\u0441\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u043e\u0431\u043e\u043b\u043e\u0447\u043a\u0438 Material Shell 42, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0449\u0435\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u044e \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u043c\u043e\u0437\u0430\u0438\u0447\u043d\u043e\u0439 \u0438 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u043e\u0432\u043a\u0438 \u043e\u043a\u043e\u043d \u0434\u043b\u044f GNOME.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/pl\/blog\/news\/dostupna-polzovatelskaya-obolochka-material-shell-42\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"pl_PL\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\ud83e\udd47\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0430\u044f \u043e\u0431\u043e\u043b\u043e\u0447\u043a\u0430 Material Shell 42 | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"\u041f\u043e\u0441\u043b\u0435 \u0433\u043e\u0434\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d \u0432\u044b\u043f\u0443\u0441\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u043e\u0431\u043e\u043b\u043e\u0447\u043a\u0438 Material Shell 42, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0449\u0435\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u044e \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u043c\u043e\u0437\u0430\u0438\u0447\u043d\u043e\u0439 \u0438 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u043e\u0432\u043a\u0438 \u043e\u043a\u043e\u043d \u0434\u043b\u044f GNOME.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/pl\/blog\/news\/dostupna-polzovatelskaya-obolochka-material-shell-42\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2022-04-10T07:36:49+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2022-04-10T07:36:49+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47Dost\u0119pna u\u017cytkowa pow\u0142oka Material Shell 42 | ProHoster","description":"Po roku prac opublikowano wersj\u0119 u\u017cytkowej pow\u0142oki Material Shell 42, oferuj\u0105c\u0105 realizacj\u0119 koncepcji mozaikowego i przestrzennego uk\u0142adu okien dla GNOME.","canonical_url":"https:\/\/prohoster.info\/pl\/blog\/news\/dostupna-polzovatelskaya-obolochka-material-shell-42","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"pl_PL","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0430\u044f \u043e\u0431\u043e\u043b\u043e\u0447\u043a\u0430 Material Shell 42 | ProHoster","og:description":"\u041f\u043e\u0441\u043b\u0435 \u0433\u043e\u0434\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d \u0432\u044b\u043f\u0443\u0441\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u043e\u0431\u043e\u043b\u043e\u0447\u043a\u0438 Material Shell 42, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0449\u0435\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u044e \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u043c\u043e\u0437\u0430\u0438\u0447\u043d\u043e\u0439 \u0438 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u043e\u0432\u043a\u0438 \u043e\u043a\u043e\u043d \u0434\u043b\u044f GNOME.","og:url":"https:\/\/prohoster.info\/pl\/blog\/news\/dostupna-polzovatelskaya-obolochka-material-shell-42","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2022-04-10T07:36:49+00:00","article:modified_time":"2022-04-10T07:36:49+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"103748","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-25 10:21:04","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2022-04-10 07:37:40","updated":"2026-01-25 10:21:04","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/posts\/103748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/comments?post=103748"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/posts\/103748\/revisions"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/media?parent=103748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/categories?post=103748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/tags?post=103748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}