{"id":400,"date":"2007-06-27T17:23:00","date_gmt":"2007-06-27T17:23:00","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=400"},"modified":"2017-01-29T12:17:13","modified_gmt":"2017-01-29T03:17:13","slug":"%ec%8a%a4%ed%83%80%ec%9d%bc-%ea%b7%b8%eb%a6%ac%ea%b3%a0-%ed%85%9c%ed%94%8c%eb%a6%bfstyle-template-33","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=400","title":{"rendered":"\uc2a4\ud0c0\uc77c \uadf8\ub9ac\uace0 \ud15c\ud50c\ub9bf(Style, Template) &#8211; {3\/3}"},"content":{"rendered":"<p>\uc774\uc81c \uc6b0\ub9ac\uac00 \uc9c4\ud589\ud574\uc57c\ud560 \uac83\ub4e4\uc740 ListBox\uc5d0 \uadf8\ub824\uc9c4 \uc774\ubbf8\uc9c0\ub4e4\uc758 \uc815\ub82c\uc0c1\ud0dc\uc640 \ud06c\uae30\ub97c \ubcf4\uae30 \uc88b\uac8c \ud558\ub294 \uc77c\uacfc \uc0ac\uc6a9\uc790\uac00 ListBox\uc758 \uc774\ubbf8\uc9c0\ub97c \uc120\ud0dd\ud558\ub294 \uc870\uc791\uc5d0\uc11c \ud6a8\uacfc\ub97c \ub123\ub294 \uc77c\ub85c\uc368, \uc774 \ub450\uac00\uc9c0 \uc77c\uc744 \ud558\ub098 \ud558\ub098 \ud574\ubcf4\ub3c4\ub85d \ud558\uaca0\ub2e4.<\/p>\n<p>\uba3c\uc800 \uccab\ubc88\uc9f8 \uac83\uc744 \ud574\uacb0\ud574\ubcf4\uc790. \ud0dc\ud06c\uc548\uc5d0 \uc544\ub798\uc758 \ucf54\ub4dc\ub97c \ucd94\uac00\ud558\uc790.<\/p>\n<pre>\r\n<Style TargetType=\"ListBox\">\r\n  <Setter Property=\"Template\">\r\n    <Setter.Value>\r\n      <ControlTemplate TargetType=\"ListBox\">\r\n        <Border CornerRadius=\"6\" \r\n                Background=\"{TemplateBinding ListBox.Background}\">\r\n          <ScrollViewer HorizontalScrollBarVisibility=\"Auto\">\r\n            <StackPanel Orientation=\"Horizontal\"\r\n                        VerticalAlignment=\"Center\"\r\n                        HorizontalAlignment=\"Center\"\r\n                        IsItemsHost=\"True\"\/>\r\n          <\/ScrollViewer>\r\n        <\/Border>\r\n      <\/ControlTemplate>\r\n    <\/Setter.Value>\r\n  <\/Setter>\r\n<\/Style>\r\n<Style TargetType=\"ListBoxItem\">\r\n  <Setter Property=\"MaxHeight\"  Value=\"90\" \/>\r\n<\/Style>\r\n<\/pre>\n<p>\ub450\uac1c\uc758 \uc2a4\ud0c0\uc77c\uc774 \uc9c0\uc815\ub418\uc5b4\uc838 \uc788\ub2e4. \ud558\ub098\ub294 ListBox\uc5d0 \ub300\ud55c \uc2a4\ud0c0\uc77c\uc744 \uc218\uc815\ud558\uace0 \uc788\ub294\ub370, \uc774\ubbf8\uc9c0 \ud56d\ubaa9\uc744 \uac00\ub85c\ub85c \uc815\ub82c\ud558\uace0 \uc218\ud3c9\uacfc \uc218\uc9c1\uc5d0 \ub300\ud574\uc11c \uac00\uc6b4\ub370 \uc815\ub82c\uc744 \uc9c0\uc815\ud558\uace0 \uc788\ub2e4. \ub610\ud55c ListBox\uc758 \ubaa8\uc11c\ub9ac \ubd80\ubd84\uc744 \ubc18\uc9c0\ub984\uc774 6\uc73c\ub85c \ud574\uc11c \ub465\uadf8\ub807\uac8c \ub098\ud0c0\ub0b4\ub3c4\ub85d \ud55c\ub2e4. \uadf8\ub9ac\uace0 \ub610 \ud558\ub098\uc758 \uc2a4\ud0c0\uc77c\uc740 ListBox\uc758 \ud56d\ubaa9\uc758 \ub192\uc774 \uac12\uc744 90 \ud53d\uc140\ub85c \uc9c0\uc815\ud558\uace0 \uc788\uc5b4\uc11c, \uc774\ubbf8\uc9c0\uc758 \ud06c\uae30\ub97c \uc791\uac8c \ub098\ud0c0\ub0b4\ub3c4\ub85d \ud55c\ub2e4. \uc774\ub807\uac8c \uc124\uc815\ub41c \uc2a4\ud0c0\uc77c\uc5d0 \uc5b4\uc6b8\ub9ac\ub294 ListBox\uc758 \ub192\uc774\uc640 \ud3ed\uc744 \uc544\ub798\uc758 \ucf54\ub4dc\ub97c \ucc38\uace0\ud574\uc11c \uae30\uc874\uc758 \uc758 \ucf54\ub4dc\ub97c \uc218\uc815\ud558\uae38 \ubc14\ub780\ub2e4.<\/p>\n<pre><code class=\"html\">\r\n         Background=\"DarkGray\" Width=\"630\" Height=\"110\"  \r\n         Margin=\"10\" SelectedIndex=\"0\"\/><\/code><\/pre>\n<p>\uc2e4\ud589 \uacb0\uacfc\ub294 \uc544\ub798\uc640 \uac19\ub2e4.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1323928061.png\" alt=\"\" width=\"430\" height=\"163\" \/>\uc790, \uc774\uc81c \ub0a8\uc740 \uac83\uc740 \uc0ac\uc6a9\uc790\uac00 ListBox\uc758 \uc774\ubbf8\uc9c0 \ud56d\ubaa9\uc744 \uc120\ud0dd\ud588\uc744 \uacbd\uc6b0, \uadf8\ub9ac\uace0 \ub9c8\uc6b0\uc2a4 \ucee4\uc11c\uac00 \uc774\ubbf8\uc9c0 \ud56d\ubaa9\uc5d0 \ub193\uc77c \ub54c, \ub5a0\ub0a0 \ub54c\uc5d0 \uc5b4\ub5a4 \ud6a8\uacfc\ub97c \uc904\uac83\uc774\ub2e4. \uae30\ubcf8\uc801\uc73c\ub85c \ud504\ub85c\uadf8\ub7a8\uc774 \uc2e4\ud589\ub418\uba74 \ubaa8\ub4e0 \uc774\ubbf8\uc9c0 \ud56d\ubaa9\uc5d0 \ud22c\uba85\ub3c4\ub97c 0.4\uac12\uc744 \uc9c0\uc815\ud574\uc11c \ud750\ub9bf\ud558\uac8c \ubcf4\uc77c \uac83\uc774\ub2e4. \uc774 \uc0c1\ud0dc\uc5d0\uc11c \ud56d\ubaa9\uc744 \uc120\ud0dd\ud588\uc744\ub54c\ub294 \uc120\ud0dd\ub41c \uc774\ubbf8\uc9c0\uac00 \uc120\uba85\ud558\uac8c \ub418\uba74\uc11c \ucee4\uc9c0\uac8c \ub41c\ub2e4. \ub610\ud55c \ub9c8\uc6b0\uc2a4 \ucee4\uc11c\ub97c \uc774\ubbf8\uc9c0 \ud56d\ubaa9\uc5d0 \ub193\uac8c \ub418\uba74 \uc11c\uc11c\ud788 \uc774\ubbf8\uc9c0\uac00 \uc120\uba85\ud558\uac8c\ub418\uace0 \ub9c8\uc6b0\uc2a4 \ucee4\uc11c\uac00 \uc774\ubbf8\uc9c0 \ud56d\ubaa9\uc744 \ub5a0\ub098\uac8c \ub418\uba74 \ud56d\ubaa9\uc740 \ub2e4\uc2dc \uc11c\uc11c\ud788 \ud750\ub9bf\ud558\uac8c \ubcf4\uc774\ub3c4\ub85d \ud55c\ub2e4. \ucf54\ub4dc\ub294 \ubc14\ub85c \uc55e\uc5d0\uc11c \ucd94\uac00\ud55c<\/p>\n<p>\ubd80\ubd84\uc744 \uc544\ub798\ub85c \uc218\uc815\ud558\uba74 \ub41c\ub2e4. \uae30\ubcf8\uc801\uc73c\ub85c \uc5b4\ub5a4 \uc774\ubca4\ud2b8\uac00 \ubc1c\uc0dd\uc2dc\uc5d0 \uc801\uc808\ud55c \ud6a8\uacfc\ub97c \ucd94\uac00\ud558\ub294 \uac83\uc774\ubbc0\ub85c \ud0dc\uadf8\ub97c \uc0ac\uc6a9\ud558\uace0 \uacfc \ub97c \uc368\uc11c \uc815\ud574\uc9c4 \uc2dc\uac04\uc5d0 \ub9de\ub294 \uc5d0\ub2c8\uba54\uc774\uc158 \uae30\ub2a5\uc744 \ucd94\uac00\ud588\ub2e4. \uc2a4\ud0c0\uc77c\uacfc \ud15c\ud50c\ub9bf\ubcf4\ub2e4\ub294 \uc5d0\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\uc758 \ub0b4\uc6a9\uc774 \ud06c\ubbc0\ub85c \uc790\uc138\ud55c \uc124\uba85\uc740 \uc0dd\ub7b5\ud558\uace0 \ucf54\ub4dc\ub9cc \ubcf4\uc774\ub3c4\ub85d \ud558\uaca0\ub2e4.<\/p>\n<pre>\r\n <Setter Property=\"MaxHeight\"  Value=\"90\" \/>\r\n  <Setter Property=\"Opacity\" Value=\"0.4\" \/>\r\n  <Style.Triggers>\r\n    <Trigger Property=\"IsSelected\" Value=\"True\">\r\n      <Trigger.Setters>\r\n        <Setter Property=\"Opacity\" Value=\"1.0\" \/>\r\n        <Setter Property=\"MaxHeight\" Value=\"100\" \/>\r\n      <\/Trigger.Setters>\r\n    <\/Trigger>\r\n\r\n    <EventTrigger RoutedEvent=\"Mouse.MouseEnter\">\r\n      <EventTrigger.Actions>\r\n        <BeginStoryboard>\r\n          <Storyboard>\r\n            <DoubleAnimation\r\n              Duration=\"0:0:1.2\"\r\n              Storyboard.TargetProperty=\"Opacity\"\r\n              To=\"1.0\"  \/>\r\n          <\/Storyboard>\r\n        <\/BeginStoryboard>\r\n      <\/EventTrigger.Actions>\r\n    <\/EventTrigger>\r\n\r\n    <EventTrigger RoutedEvent=\"Mouse.MouseLeave\">\r\n      <EventTrigger.Actions>\r\n        <BeginStoryboard>\r\n          <Storyboard>\r\n            <DoubleAnimation\r\n              Duration=\"0:0:1.2\"\r\n              Storyboard.TargetProperty=\"Opacity\" \/>\r\n          <\/Storyboard>\r\n        <\/BeginStoryboard>\r\n      <\/EventTrigger.Actions>\r\n    <\/EventTrigger>\r\n  <\/Style.Triggers>\r\n<\/Style>\r\n<\/pre>\n<p>\ucd5c\uc885 \uc2e4\ud589 \uacb0\uacfc\ub97c \uc0b4\ud3b4\ubcf4\uae30\uc5d0 \uc55e\uc11c, \uac00\uc7a5 \ucc98\uc74c \ubaa8\uc2b5\uc744 \uc0b4\uc9dd \ub2e4\uc2dc \ubcf4\uba74..<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1248774058.png\" alt=\"\" width=\"393\" height=\"338\" \/>\uc774\ub7ac\ub358 \uc544\uc774\uac00 \uc5b4\ub290\ub367 \ucee4\uc11c.. \uc544\ub798\uc640 \uac19\uc740 \u7f8e\u4eba\uc73c\ub85c \ud0c4\uc0dd\ud588\ub2e4. \uc2a4\ud0c0\uc77c\uacfc \ud15c\ud50c\ub9bf\uc758 \ud798\uc73c\ub85c \ub9d0\uc774\ub2e4.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/www.gisdeveloper.co.kr\/wp-content\/uploads\/1\/1069832087.png\" alt=\"\" width=\"430\" height=\"163\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc774\uc81c \uc6b0\ub9ac\uac00 \uc9c4\ud589\ud574\uc57c\ud560 \uac83\ub4e4\uc740 ListBox\uc5d0 \uadf8\ub824\uc9c4 \uc774\ubbf8\uc9c0\ub4e4\uc758 \uc815\ub82c\uc0c1\ud0dc\uc640 \ud06c\uae30\ub97c \ubcf4\uae30 \uc88b\uac8c \ud558\ub294 \uc77c\uacfc \uc0ac\uc6a9\uc790\uac00 ListBox\uc758 \uc774\ubbf8\uc9c0\ub97c \uc120\ud0dd\ud558\ub294 \uc870\uc791\uc5d0\uc11c \ud6a8\uacfc\ub97c \ub123\ub294 \uc77c\ub85c\uc368, \uc774 \ub450\uac00\uc9c0 \uc77c\uc744 \ud558\ub098 \ud558\ub098 \ud574\ubcf4\ub3c4\ub85d \ud558\uaca0\ub2e4. \uba3c\uc800 \uccab\ubc88\uc9f8 \uac83\uc744 \ud574\uacb0\ud574\ubcf4\uc790. \ud0dc\ud06c\uc548\uc5d0 \uc544\ub798\uc758 \ucf54\ub4dc\ub97c \ucd94\uac00\ud558\uc790. \ub450\uac1c\uc758 \uc2a4\ud0c0\uc77c\uc774 \uc9c0\uc815\ub418\uc5b4\uc838 \uc788\ub2e4. \ud558\ub098\ub294 ListBox\uc5d0 \ub300\ud55c \uc2a4\ud0c0\uc77c\uc744 \uc218\uc815\ud558\uace0 \uc788\ub294\ub370, \uc774\ubbf8\uc9c0 \ud56d\ubaa9\uc744 \uac00\ub85c\ub85c \uc815\ub82c\ud558\uace0 \uc218\ud3c9\uacfc \uc218\uc9c1\uc5d0 \ub300\ud574\uc11c \uac00\uc6b4\ub370 \uc815\ub82c\uc744 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/www.gisdeveloper.co.kr\/?p=400\" class=\"more-link\">\ub354 \ubcf4\uae30<span class=\"screen-reader-text\"> &#8220;\uc2a4\ud0c0\uc77c \uadf8\ub9ac\uace0 \ud15c\ud50c\ub9bf(Style, Template) &#8211; {3\/3}&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[21],"class_list":["post-400","post","type-post","status-publish","format-standard","hentry","category-wpf","tag-wpf"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=400"}],"version-history":[{"count":1,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/400\/revisions"}],"predecessor-version":[{"id":3616,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/400\/revisions\/3616"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=400"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=400"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}