{"id":857,"date":"2018-05-10T21:49:49","date_gmt":"2018-05-10T21:49:49","guid":{"rendered":"http:\/\/hayperek.pl\/?p=857"},"modified":"2018-05-10T21:49:49","modified_gmt":"2018-05-10T21:49:49","slug":"troche-interakcji-z-uzytkownikiem-czyli-menu-cz-1","status":"publish","type":"post","link":"https:\/\/hayperek.pl\/en\/2018\/05\/10\/troche-interakcji-z-uzytkownikiem-czyli-menu-cz-1\/","title":{"rendered":"Troch\u0119 interakcji z u\u017cytkownikiem, czyli menu &#8211; cz.1"},"content":{"rendered":"<p>W jednym z <a href=\"http:\/\/hayperek.pl\/en\/2018\/04\/19\/okna-menu-glowne\/\">wcze\u015bniejszych artyku\u0142\u00f3w<\/a> przedstawi\u0142em szkic g\u0142\u00f3wnego menu, w jakie wyposa\u017cone b\u0119dzie nasz system. By\u0142a to forma eksperymentu, pr\u00f3ba wpasowania idei menu w system widget\u00f3w i znalezienia najlepszych rozwi\u0105za\u0144. Dzi\u015b nadszed\u0142 czas aby powr\u00f3ci\u0107 do tego tematu, tym razem na d\u0142u\u017cej \ud83d\ude42<\/p>\n<h5>Nawigowanie po menu<\/h5>\n<p>Podstawow\u0105 kwesti\u0105, jak\u0105 musimy rozwi\u0105za\u0107 jest spos\u00f3b przemieszczania si\u0119 mi\u0119dzy pozycjami czy poziomami menu. Oczywi\u015bcie w przypadku omawianego systemu sterowanie musi odbywa\u0107 si\u0119 za pomoc\u0105 <a href=\"http:\/\/hayperek.pl\/en\/2018\/03\/26\/obsluga-manetki-cz-1\/\">manetki<\/a>, kt\u00f3rej obs\u0142ug\u0119 zaimplementowali\u015bmy na samym pocz\u0105tku naszego wyzwania. Klawisze strza\u0142ek g\u00f3ra-d\u00f3\u0142 powinny s\u0142u\u017cy\u0107 do przemieszczania &#8222;focus&#8217;u&#8221; mi\u0119dzy elementami menu, a wci\u015bni\u0119cie przycisku &#8222;Reset&#8221; spowoduje wywo\u0142anie funkcjonalno\u015bci powi\u0105zanej z bie\u017c\u0105c\u0105 pozycj\u0105.<\/p>\n<h5>Rodzaje element\u00f3w w menu<\/h5>\n<p>Poszczeg\u00f3lne pozycje menu mog\u0105 pe\u0142ni\u0107 r\u00f3\u017cne funkcje. Oczywi\u015bcie najprostszym przypadkiem b\u0119dzie po prostu uruchomienie jakiego\u015b callback&#8217;u (funkcji). W\u00f3wczas pozycja w menu staje si\u0119 swego rodzaju wirtualnym przyciskiem. Ponadto mog\u0105 pojawi\u0107 si\u0119 elementy s\u0142u\u017c\u0105ce do modyfikacji okre\u015blonej warto\u015bci: logicznej lub liczbowej. <\/p>\n<p>Stw\u00f3rzmy wi\u0119c kr\u00f3tk\u0105 list\u0119 takich rodzaj\u00f3w element\u00f3w:<\/p>\n<ul>\n<li>przycisk &#8211; uruchomienie funkcji (otwarcie okna, powr\u00f3t do poprzedniego menu, itp.),<\/li>\n<li>checkbox &#8211; zmiana warto\u015bci logicznej prawda\/fa\u0142sz, <\/li>\n<li>pole numeryczne &#8211; zmiana warto\u015bci liczbowej, ca\u0142kowitej lub u\u0142amkowej, z okre\u015blon\u0105 gradacj\u0105,<\/li>\n<li>lista &#8211; wyb\u00f3r warto\u015bci spo\u015br\u00f3d zbioru zdefiniowanych opcji,<\/li>\n<li>slider &#8211; wyb\u00f3r warto\u015bci liczbowej, nieco inna forma graficznej prezentacji,<\/li>\n<\/ul>\n<p>Oczywi\u015bcie lista nie jest zamkni\u0119ta i na pewno w toku prac pojawi\u0105 si\u0119 propozycj\u0119 kolejnych rodzaj\u00f3w. Powy\u017csze propozycje stanowi\u0105 jednak pewn\u0105 baz\u0119 i kolejne, nowe elementy b\u0119d\u0105 najcz\u0119\u015bciej modyfikacj\u0105 jednej z powy\u017cszych opcji.<\/p>\n<p>Dzi\u015b nieco kr\u00f3cej, a jutro kontynuacja tematu w praktycznej formie \ud83d\ude42 Zapraszam.<\/p>\n<p>P.S. Bardzo cz\u0119sto pracuj\u0105c nad projektem i pisz\u0105c tego bloga s\u0142ucham muzyki &#8211; postanowi\u0142em wi\u0119c od dzi\u015b wrzuca\u0107 pod kolejnymi artyku\u0142ami jaki\u015b kawa\u0142ek, kt\u00f3ry akurat towarzyszy\u0142 mi danego dnia \ud83d\ude42<\/p>\n<p>C\u00f3\u017c, na 51. dzie\u0144 nie mo\u017cna wyobrazi\u0107 sobie lepszego kandydata ni\u017c klasyka polskiego rocka:<br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=fpAr4Xd8sbo\">TSA &#8211; 51<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>W jednym z wcze\u015bniejszych artyku\u0142\u00f3w przedstawi\u0142em szkic g\u0142\u00f3wnego menu, w jakie wyposa\u017cone b\u0119dzie nasz system. By\u0142a to forma eksperymentu, pr\u00f3ba wpasowania idei menu w system widget\u00f3w i znalezienia najlepszych rozwi\u0105za\u0144. Dzi\u015b nadszed\u0142 czas aby powr\u00f3ci\u0107 do tego tematu, tym razem na d\u0142u\u017cej \ud83d\ude42 Nawigowanie po menu Podstawow\u0105 kwesti\u0105, jak\u0105 musimy rozwi\u0105za\u0107 jest spos\u00f3b przemieszczania si\u0119 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":861,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":{"0":"post-857","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-stodni","9":"post-with-thumbnail","10":"post-with-thumbnail-large"},"_links":{"self":[{"href":"https:\/\/hayperek.pl\/en\/wp-json\/wp\/v2\/posts\/857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hayperek.pl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hayperek.pl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hayperek.pl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hayperek.pl\/en\/wp-json\/wp\/v2\/comments?post=857"}],"version-history":[{"count":3,"href":"https:\/\/hayperek.pl\/en\/wp-json\/wp\/v2\/posts\/857\/revisions"}],"predecessor-version":[{"id":862,"href":"https:\/\/hayperek.pl\/en\/wp-json\/wp\/v2\/posts\/857\/revisions\/862"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hayperek.pl\/en\/wp-json\/wp\/v2\/media\/861"}],"wp:attachment":[{"href":"https:\/\/hayperek.pl\/en\/wp-json\/wp\/v2\/media?parent=857"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hayperek.pl\/en\/wp-json\/wp\/v2\/categories?post=857"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hayperek.pl\/en\/wp-json\/wp\/v2\/tags?post=857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}