{
    "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\/pl_pl\/2018\/05\/10\/troche-interakcji-z-uzytkownikiem-czyli-menu-cz-1\/",
    "title": {
        "rendered": "Troch\u0119 interakcji z u\u017cytkownikiem, czyli menu – cz.1"
    },
    "content": {
        "rendered": "<p>W jednym z <a href=\"http:\/\/hayperek.pl\/pl_pl\/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\/pl_pl\/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>",
        "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\/pl_pl\/wp-json\/wp\/v2\/posts\/857",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/hayperek.pl\/pl_pl\/wp-json\/wp\/v2\/posts"
            }
        ],
        "about": [
            {
                "href": "https:\/\/hayperek.pl\/pl_pl\/wp-json\/wp\/v2\/types\/post"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/hayperek.pl\/pl_pl\/wp-json\/wp\/v2\/users\/1"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/hayperek.pl\/pl_pl\/wp-json\/wp\/v2\/comments?post=857"
            }
        ],
        "version-history": [
            {
                "count": 3,
                "href": "https:\/\/hayperek.pl\/pl_pl\/wp-json\/wp\/v2\/posts\/857\/revisions"
            }
        ],
        "predecessor-version": [
            {
                "id": 862,
                "href": "https:\/\/hayperek.pl\/pl_pl\/wp-json\/wp\/v2\/posts\/857\/revisions\/862"
            }
        ],
        "wp:featuredmedia": [
            {
                "embeddable": true,
                "href": "https:\/\/hayperek.pl\/pl_pl\/wp-json\/wp\/v2\/media\/861"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/hayperek.pl\/pl_pl\/wp-json\/wp\/v2\/media?parent=857"
            }
        ],
        "wp:term": [
            {
                "taxonomy": "category",
                "embeddable": true,
                "href": "https:\/\/hayperek.pl\/pl_pl\/wp-json\/wp\/v2\/categories?post=857"
            },
            {
                "taxonomy": "post_tag",
                "embeddable": true,
                "href": "https:\/\/hayperek.pl\/pl_pl\/wp-json\/wp\/v2\/tags?post=857"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}