127.0.0.1:9200<br>URL: http://127.0.0.1:9200/likecs_art_db/_search<br>REQUEST:<pre>Array
(
    [query] => Array
        (
            [match] => Array
                (
                    [text] => Array
                        (
                            [query] => WPF简易北京地铁效果图
                        )

                )

        )

    [highlight] => Array
        (
            [fields] => Array
                (
                    [text] => stdClass Object
                        (
                        )

                )

            [pre_tags] => #em#
            [post_tags] => #/em#
        )

    [size] => 8
    [from] => 0
)
</pre>RESPONSE:<pre>string(7339) "{"took":24,"timed_out":false,"_shards":{"total":1,"successful":1,"skipped":0,"failed":0},"hits":{"total":{"value":10000,"relation":"gte"},"max_score":57.620228,"hits":[{"_index":"likecs_art_db","_type":"_doc","_id":"11032","_score":57.620228,"_source":{"id":"11032","text":"WPF\u7b80\u6613\u5317\u4eac\u5730\u94c1\u6548\u679c\u56fe","intro":"\u76ee\u5f55\n\nECharts\n\u5f02\u6b65\u52a0\u8f7d\n\n\n\nECharts\r\n\u6570\u636e\u53ef\u89c6\u5316\u5728\u8fc7\u53bb\u51e0\u5e74\u4e2d\u53d6\u5f97\u4e86\u5de8\u5927\u8fdb\u5c55\u3002\u5f00\u53d1\u4eba\u5458\u5bf9\u53ef\u89c6\u5316\u4ea7\u54c1\u7684\u671f\u671b\u4e0d\u518d\u662f\u7b80\u5355\u7684\u56fe\u8868\u521b\u5efa\u5de5\u5177\uff0c\u800c\u662f\u5728\u4ea4\u4e92\u3001\u6027\u80fd\u3001\u6570\u636e\u5904\u7406\u7b49\u65b9\u9762\u6709\u66f4\u9ad8\u7684\u8981\u6c42\u3002\r\nchart.setOption({\r\n    color: [\r\n        ","username":"ZXdeveloper","tagsname":"","tagsid":"","catesname":null,"catesid":"","createtime":"1636796025"},"highlight":{"text":["#em#WPF#/em##em#简#/em##em#易#/em##em#北#/em##em#京#/em##em#地#/em##em#铁#/em##em#效#/em##em#果#/em##em#图#/em#"]}},{"_index":"likecs_art_db","_type":"_doc","_id":"245267","_score":33.940937,"_source":{"id":"245267","text":"\u5317\u4eac\u5730\u94c1\u7ebf\u8def\u56fe","intro":"\u76ee\u5f55\n\nECharts\n\u5f02\u6b65\u52a0\u8f7d\n\n\n\nECharts\r\n\u6570\u636e\u53ef\u89c6\u5316\u5728\u8fc7\u53bb\u51e0\u5e74\u4e2d\u53d6\u5f97\u4e86\u5de8\u5927\u8fdb\u5c55\u3002\u5f00\u53d1\u4eba\u5458\u5bf9\u53ef\u89c6\u5316\u4ea7\u54c1\u7684\u671f\u671b\u4e0d\u518d\u662f\u7b80\u5355\u7684\u56fe\u8868\u521b\u5efa\u5de5\u5177\uff0c\u800c\u662f\u5728\u4ea4\u4e92\u3001\u6027\u80fd\u3001\u6570\u636e\u5904\u7406\u7b49\u65b9\u9762\u6709\u66f4\u9ad8\u7684\u8981\u6c42\u3002\r\nchart.setOption({\r\n    color: [\r\n        ","username":"784040932","tagsname":"","tagsid":"","catesname":null,"catesid":"","createtime":"1636796014"},"highlight":{"text":["#em#北#/em##em#京#/em##em#地#/em##em#铁#/em#线路#em#图#/em#"]}},{"_index":"likecs_art_db","_type":"_doc","_id":"245287","_score":33.940937,"_source":{"id":"245287","text":"\u5317\u4eac\u5730\u94c1\u8def\u7ebf\u56fe","intro":"\u76ee\u5f55\n\nECharts\n\u5f02\u6b65\u52a0\u8f7d\n\n\n\nECharts\r\n\u6570\u636e\u53ef\u89c6\u5316\u5728\u8fc7\u53bb\u51e0\u5e74\u4e2d\u53d6\u5f97\u4e86\u5de8\u5927\u8fdb\u5c55\u3002\u5f00\u53d1\u4eba\u5458\u5bf9\u53ef\u89c6\u5316\u4ea7\u54c1\u7684\u671f\u671b\u4e0d\u518d\u662f\u7b80\u5355\u7684\u56fe\u8868\u521b\u5efa\u5de5\u5177\uff0c\u800c\u662f\u5728\u4ea4\u4e92\u3001\u6027\u80fd\u3001\u6570\u636e\u5904\u7406\u7b49\u65b9\u9762\u6709\u66f4\u9ad8\u7684\u8981\u6c42\u3002\r\nchart.setOption({\r\n    color: [\r\n        ","username":"lexus","tagsname":"","tagsid":"","catesname":"","catesid":"","createtime":"1630153815"},"highlight":{"text":["#em#北#/em##em#京#/em##em#地#/em##em#铁#/em#路线#em#图#/em#"]}},{"_index":"likecs_art_db","_type":"_doc","_id":"690917","_score":33.940937,"_source":{"id":"690917","text":"\u5317\u4eac\u5730\u94c1\u8def\u7ebf\u56fe","intro":"\u76ee\u5f55\n\nECharts\n\u5f02\u6b65\u52a0\u8f7d\n\n\n\nECharts\r\n\u6570\u636e\u53ef\u89c6\u5316\u5728\u8fc7\u53bb\u51e0\u5e74\u4e2d\u53d6\u5f97\u4e86\u5de8\u5927\u8fdb\u5c55\u3002\u5f00\u53d1\u4eba\u5458\u5bf9\u53ef\u89c6\u5316\u4ea7\u54c1\u7684\u671f\u671b\u4e0d\u518d\u662f\u7b80\u5355\u7684\u56fe\u8868\u521b\u5efa\u5de5\u5177\uff0c\u800c\u662f\u5728\u4ea4\u4e92\u3001\u6027\u80fd\u3001\u6570\u636e\u5904\u7406\u7b49\u65b9\u9762\u6709\u66f4\u9ad8\u7684\u8981\u6c42\u3002\r\nchart.setOption({\r\n    color: [\r\n        ","username":"lexus","tagsname":"","tagsid":"","catesname":"","catesid":"","createtime":"1635932015"},"highlight":{"text":["#em#北#/em##em#京#/em##em#地#/em##em#铁#/em#路线#em#图#/em#"]}},{"_index":"likecs_art_db","_type":"_doc","_id":"245280","_score":32.816452,"_source":{"id":"245280","text":"DDCTF \u5317\u4eac\u5730\u94c1","intro":"\u76ee\u5f55\n\nECharts\n\u5f02\u6b65\u52a0\u8f7d\n\n\n\nECharts\r\n\u6570\u636e\u53ef\u89c6\u5316\u5728\u8fc7\u53bb\u51e0\u5e74\u4e2d\u53d6\u5f97\u4e86\u5de8\u5927\u8fdb\u5c55\u3002\u5f00\u53d1\u4eba\u5458\u5bf9\u53ef\u89c6\u5316\u4ea7\u54c1\u7684\u671f\u671b\u4e0d\u518d\u662f\u7b80\u5355\u7684\u56fe\u8868\u521b\u5efa\u5de5\u5177\uff0c\u800c\u662f\u5728\u4ea4\u4e92\u3001\u6027\u80fd\u3001\u6570\u636e\u5904\u7406\u7b49\u65b9\u9762\u6709\u66f4\u9ad8\u7684\u8981\u6c42\u3002\r\nchart.setOption({\r\n    color: [\r\n        ","username":"harmonica11","tagsname":"","tagsid":"","catesname":null,"catesid":"","createtime":"1636796041"},"highlight":{"text":["DDCTF #em#北#/em##em#京#/em##em#地#/em##em#铁#/em#"]}},{"_index":"likecs_art_db","_type":"_doc","_id":"245289","_score":32.63688,"_source":{"id":"245289","text":"\u5317\u4eac\u5730\u94c1\u89c4\u5212\u56fe - absolute","intro":"\u76ee\u5f55\n\nECharts\n\u5f02\u6b65\u52a0\u8f7d\n\n\n\nECharts\r\n\u6570\u636e\u53ef\u89c6\u5316\u5728\u8fc7\u53bb\u51e0\u5e74\u4e2d\u53d6\u5f97\u4e86\u5de8\u5927\u8fdb\u5c55\u3002\u5f00\u53d1\u4eba\u5458\u5bf9\u53ef\u89c6\u5316\u4ea7\u54c1\u7684\u671f\u671b\u4e0d\u518d\u662f\u7b80\u5355\u7684\u56fe\u8868\u521b\u5efa\u5de5\u5177\uff0c\u800c\u662f\u5728\u4ea4\u4e92\u3001\u6027\u80fd\u3001\u6570\u636e\u5904\u7406\u7b49\u65b9\u9762\u6709\u66f4\u9ad8\u7684\u8981\u6c42\u3002\r\nchart.setOption({\r\n    color: [\r\n        ","username":"absolute8511","tagsname":"","tagsid":"","catesname":"","catesid":"","createtime":"1636796034"},"highlight":{"text":["#em#北#/em##em#京#/em##em#地#/em##em#铁#/em#规划#em#图#/em# - absolute"]}},{"_index":"likecs_art_db","_type":"_doc","_id":"690923","_score":32.63688,"_source":{"id":"690923","text":"\u5317\u4eac\u5730\u94c1\u7ebf\u8def\u56fe - GarfieldEr007","intro":"\u76ee\u5f55\n\nECharts\n\u5f02\u6b65\u52a0\u8f7d\n\n\n\nECharts\r\n\u6570\u636e\u53ef\u89c6\u5316\u5728\u8fc7\u53bb\u51e0\u5e74\u4e2d\u53d6\u5f97\u4e86\u5de8\u5927\u8fdb\u5c55\u3002\u5f00\u53d1\u4eba\u5458\u5bf9\u53ef\u89c6\u5316\u4ea7\u54c1\u7684\u671f\u671b\u4e0d\u518d\u662f\u7b80\u5355\u7684\u56fe\u8868\u521b\u5efa\u5de5\u5177\uff0c\u800c\u662f\u5728\u4ea4\u4e92\u3001\u6027\u80fd\u3001\u6570\u636e\u5904\u7406\u7b49\u65b9\u9762\u6709\u66f4\u9ad8\u7684\u8981\u6c42\u3002\r\nchart.setOption({\r\n    color: [\r\n        ","username":"GarfieldEr007","tagsname":null,"tagsid":"","catesname":null,"catesid":"","createtime":"1635932029"},"highlight":{"text":["#em#北#/em##em#京#/em##em#地#/em##em#铁#/em#线路#em#图#/em# - GarfieldEr007"]}},{"_index":"likecs_art_db","_type":"_doc","_id":"441539","_score":31.45065,"_source":{"id":"441539","text":"\u5317\u4eac\u5730\u94c1\u6362\u4e58","intro":"\u76ee\u5f55\n\nECharts\n\u5f02\u6b65\u52a0\u8f7d\n\n\n\nECharts\r\n\u6570\u636e\u53ef\u89c6\u5316\u5728\u8fc7\u53bb\u51e0\u5e74\u4e2d\u53d6\u5f97\u4e86\u5de8\u5927\u8fdb\u5c55\u3002\u5f00\u53d1\u4eba\u5458\u5bf9\u53ef\u89c6\u5316\u4ea7\u54c1\u7684\u671f\u671b\u4e0d\u518d\u662f\u7b80\u5355\u7684\u56fe\u8868\u521b\u5efa\u5de5\u5177\uff0c\u800c\u662f\u5728\u4ea4\u4e92\u3001\u6027\u80fd\u3001\u6570\u636e\u5904\u7406\u7b49\u65b9\u9762\u6709\u66f4\u9ad8\u7684\u8981\u6c42\u3002\r\nchart.setOption({\r\n    color: [\r\n        ","username":"YONGinggg","tagsname":"","tagsid":"","catesname":"","catesid":"","createtime":"1633498877"},"highlight":{"text":["#em#北#/em##em#京#/em##em#地#/em##em#铁#/em#换乘"]}}]}}"
</pre>127.0.0.1:9200<br>URL: http://127.0.0.1:9200/likecs_art_db/_search<br>REQUEST:<pre>Array
(
    [query] => Array
        (
            [match] => Array
                (
                    [text] => Array
                        (
                            [query] => WPF简易北京地铁效果图
                        )

                )

        )

    [highlight] => Array
        (
            [fields] => Array
                (
                    [text] => stdClass Object
                        (
                        )

                )

            [pre_tags] => #em#
            [post_tags] => #/em#
        )

    [size] => 8
    [from] => 8
)
</pre>RESPONSE:<pre>string(7209) "{"took":28,"timed_out":false,"_shards":{"total":1,"successful":1,"skipped":0,"failed":0},"hits":{"total":{"value":10000,"relation":"gte"},"max_score":57.620228,"hits":[{"_index":"likecs_art_db","_type":"_doc","_id":"706126","_score":31.45065,"_source":{"id":"706126","text":"\u5317\u4eac\u5730\u94c1\u6362\u4e58","intro":"\u76ee\u5f55\n\nECharts\n\u5f02\u6b65\u52a0\u8f7d\n\n\n\nECharts\r\n\u6570\u636e\u53ef\u89c6\u5316\u5728\u8fc7\u53bb\u51e0\u5e74\u4e2d\u53d6\u5f97\u4e86\u5de8\u5927\u8fdb\u5c55\u3002\u5f00\u53d1\u4eba\u5458\u5bf9\u53ef\u89c6\u5316\u4ea7\u54c1\u7684\u671f\u671b\u4e0d\u518d\u662f\u7b80\u5355\u7684\u56fe\u8868\u521b\u5efa\u5de5\u5177\uff0c\u800c\u662f\u5728\u4ea4\u4e92\u3001\u6027\u80fd\u3001\u6570\u636e\u5904\u7406\u7b49\u65b9\u9762\u6709\u66f4\u9ad8\u7684\u8981\u6c42\u3002\r\nchart.setOption({\r\n    color: [\r\n        ","username":"YONGinggg","tagsname":"","tagsid":"","catesname":"","catesid":"","createtime":"1635983141"},"highlight":{"text":["#em#北#/em##em#京#/em##em#地#/em##em#铁#/em#换乘"]}},{"_index":"likecs_art_db","_type":"_doc","_id":"923942","_score":31.45065,"_source":{"id":"923942","text":"\u5317\u4eac\u5730\u94c1\u7ebf\u8def","intro":"\u76ee\u5f55\n\nECharts\n\u5f02\u6b65\u52a0\u8f7d\n\n\n\nECharts\r\n\u6570\u636e\u53ef\u89c6\u5316\u5728\u8fc7\u53bb\u51e0\u5e74\u4e2d\u53d6\u5f97\u4e86\u5de8\u5927\u8fdb\u5c55\u3002\u5f00\u53d1\u4eba\u5458\u5bf9\u53ef\u89c6\u5316\u4ea7\u54c1\u7684\u671f\u671b\u4e0d\u518d\u662f\u7b80\u5355\u7684\u56fe\u8868\u521b\u5efa\u5de5\u5177\uff0c\u800c\u662f\u5728\u4ea4\u4e92\u3001\u6027\u80fd\u3001\u6570\u636e\u5904\u7406\u7b49\u65b9\u9762\u6709\u66f4\u9ad8\u7684\u8981\u6c42\u3002\r\nchart.setOption({\r\n    color: [\r\n        ","username":"chiname","tagsname":"","tagsid":"","catesname":"","catesid":"","createtime":"1638629672"},"highlight":{"text":["#em#北#/em##em#京#/em##em#地#/em##em#铁#/em#线路"]}},{"_index":"likecs_art_db","_type":"_doc","_id":"245276","_score":29.033892,"_source":{"id":"245276","text":"\u5317\u4eac\u5730\u94c1\u7ebf\u8def\u89c4\u5212","intro":"\u76ee\u5f55\n\nECharts\n\u5f02\u6b65\u52a0\u8f7d\n\n\n\nECharts\r\n\u6570\u636e\u53ef\u89c6\u5316\u5728\u8fc7\u53bb\u51e0\u5e74\u4e2d\u53d6\u5f97\u4e86\u5de8\u5927\u8fdb\u5c55\u3002\u5f00\u53d1\u4eba\u5458\u5bf9\u53ef\u89c6\u5316\u4ea7\u54c1\u7684\u671f\u671b\u4e0d\u518d\u662f\u7b80\u5355\u7684\u56fe\u8868\u521b\u5efa\u5de5\u5177\uff0c\u800c\u662f\u5728\u4ea4\u4e92\u3001\u6027\u80fd\u3001\u6570\u636e\u5904\u7406\u7b49\u65b9\u9762\u6709\u66f4\u9ad8\u7684\u8981\u6c42\u3002\r\nchart.setOption({\r\n    color: [\r\n        ","username":"chenjiji","tagsname":"","tagsid":"","catesname":"","catesid":"","createtime":"1636796023"},"highlight":{"text":["#em#北#/em##em#京#/em##em#地#/em##em#铁#/em#线路规划"]}},{"_index":"likecs_art_db","_type":"_doc","_id":"245281","_score":29.033892,"_source":{"id":"245281","text":"\u5317\u4eac\u5730\u94c1\u51fa\u884c\u89c4\u5212","intro":"\u76ee\u5f55\n\nECharts\n\u5f02\u6b65\u52a0\u8f7d\n\n\n\nECharts\r\n\u6570\u636e\u53ef\u89c6\u5316\u5728\u8fc7\u53bb\u51e0\u5e74\u4e2d\u53d6\u5f97\u4e86\u5de8\u5927\u8fdb\u5c55\u3002\u5f00\u53d1\u4eba\u5458\u5bf9\u53ef\u89c6\u5316\u4ea7\u54c1\u7684\u671f\u671b\u4e0d\u518d\u662f\u7b80\u5355\u7684\u56fe\u8868\u521b\u5efa\u5de5\u5177\uff0c\u800c\u662f\u5728\u4ea4\u4e92\u3001\u6027\u80fd\u3001\u6570\u636e\u5904\u7406\u7b49\u65b9\u9762\u6709\u66f4\u9ad8\u7684\u8981\u6c42\u3002\r\nchart.setOption({\r\n    color: [\r\n        ","username":"wangxvdong","tagsname":"","tagsid":"","catesname":"","catesid":"","createtime":"1631164264"},"highlight":{"text":["#em#北#/em##em#京#/em##em#地#/em##em#铁#/em#出行规划"]}},{"_index":"likecs_art_db","_type":"_doc","_id":"245301","_score":29.033892,"_source":{"id":"245301","text":"\u5317\u4eac\u5730\u94c1\u7ebf\u8def\u67e5\u8be2","intro":"\u76ee\u5f55\n\nECharts\n\u5f02\u6b65\u52a0\u8f7d\n\n\n\nECharts\r\n\u6570\u636e\u53ef\u89c6\u5316\u5728\u8fc7\u53bb\u51e0\u5e74\u4e2d\u53d6\u5f97\u4e86\u5de8\u5927\u8fdb\u5c55\u3002\u5f00\u53d1\u4eba\u5458\u5bf9\u53ef\u89c6\u5316\u4ea7\u54c1\u7684\u671f\u671b\u4e0d\u518d\u662f\u7b80\u5355\u7684\u56fe\u8868\u521b\u5efa\u5de5\u5177\uff0c\u800c\u662f\u5728\u4ea4\u4e92\u3001\u6027\u80fd\u3001\u6570\u636e\u5904\u7406\u7b49\u65b9\u9762\u6709\u66f4\u9ad8\u7684\u8981\u6c42\u3002\r\nchart.setOption({\r\n    color: [\r\n        ","username":"standby0630","tagsname":"","tagsid":"","catesname":"","catesid":"","createtime":"1630153888"},"highlight":{"text":["#em#北#/em##em#京#/em##em#地#/em##em#铁#/em#线路查询"]}},{"_index":"likecs_art_db","_type":"_doc","_id":"678844","_score":29.033892,"_source":{"id":"678844","text":"\u5317\u4eac\u5730\u94c1\u51fa\u884c\u89c4\u5212","intro":"\u76ee\u5f55\n\nECharts\n\u5f02\u6b65\u52a0\u8f7d\n\n\n\nECharts\r\n\u6570\u636e\u53ef\u89c6\u5316\u5728\u8fc7\u53bb\u51e0\u5e74\u4e2d\u53d6\u5f97\u4e86\u5de8\u5927\u8fdb\u5c55\u3002\u5f00\u53d1\u4eba\u5458\u5bf9\u53ef\u89c6\u5316\u4ea7\u54c1\u7684\u671f\u671b\u4e0d\u518d\u662f\u7b80\u5355\u7684\u56fe\u8868\u521b\u5efa\u5de5\u5177\uff0c\u800c\u662f\u5728\u4ea4\u4e92\u3001\u6027\u80fd\u3001\u6570\u636e\u5904\u7406\u7b49\u65b9\u9762\u6709\u66f4\u9ad8\u7684\u8981\u6c42\u3002\r\nchart.setOption({\r\n    color: [\r\n        ","username":"Zssss","tagsname":"","tagsid":"","catesname":"","catesid":"","createtime":"1635839419"},"highlight":{"text":["#em#北#/em##em#京#/em##em#地#/em##em#铁#/em#出行规划"]}},{"_index":"likecs_art_db","_type":"_doc","_id":"690919","_score":29.033892,"_source":{"id":"690919","text":"\u5317\u4eac\u5730\u94c1\u51fa\u884c\u89c4\u5212","intro":"\u76ee\u5f55\n\nECharts\n\u5f02\u6b65\u52a0\u8f7d\n\n\n\nECharts\r\n\u6570\u636e\u53ef\u89c6\u5316\u5728\u8fc7\u53bb\u51e0\u5e74\u4e2d\u53d6\u5f97\u4e86\u5de8\u5927\u8fdb\u5c55\u3002\u5f00\u53d1\u4eba\u5458\u5bf9\u53ef\u89c6\u5316\u4ea7\u54c1\u7684\u671f\u671b\u4e0d\u518d\u662f\u7b80\u5355\u7684\u56fe\u8868\u521b\u5efa\u5de5\u5177\uff0c\u800c\u662f\u5728\u4ea4\u4e92\u3001\u6027\u80fd\u3001\u6570\u636e\u5904\u7406\u7b49\u65b9\u9762\u6709\u66f4\u9ad8\u7684\u8981\u6c42\u3002\r\nchart.setOption({\r\n    color: [\r\n        ","username":"wuyuhann","tagsname":"","tagsid":"","catesname":"","catesid":"","createtime":"1635932019"},"highlight":{"text":["#em#北#/em##em#京#/em##em#地#/em##em#铁#/em#出行规划"]}},{"_index":"likecs_art_db","_type":"_doc","_id":"690925","_score":29.033892,"_source":{"id":"690925","text":"\u5317\u4eac\u5730\u94c1\u6362\u4e58\u7cfb\u7edf","intro":"\u76ee\u5f55\n\nECharts\n\u5f02\u6b65\u52a0\u8f7d\n\n\n\nECharts\r\n\u6570\u636e\u53ef\u89c6\u5316\u5728\u8fc7\u53bb\u51e0\u5e74\u4e2d\u53d6\u5f97\u4e86\u5de8\u5927\u8fdb\u5c55\u3002\u5f00\u53d1\u4eba\u5458\u5bf9\u53ef\u89c6\u5316\u4ea7\u54c1\u7684\u671f\u671b\u4e0d\u518d\u662f\u7b80\u5355\u7684\u56fe\u8868\u521b\u5efa\u5de5\u5177\uff0c\u800c\u662f\u5728\u4ea4\u4e92\u3001\u6027\u80fd\u3001\u6570\u636e\u5904\u7406\u7b49\u65b9\u9762\u6709\u66f4\u9ad8\u7684\u8981\u6c42\u3002\r\nchart.setOption({\r\n    color: [\r\n        ","username":"31701052wzf","tagsname":"","tagsid":"","catesname":"","catesid":"","createtime":"1635932032"},"highlight":{"text":["#em#北#/em##em#京#/em##em#地#/em##em#铁#/em#换乘系统"]}}]}}"
</pre>127.0.0.1:9200<br>URL: http://192.168.101.128/searchcore/index.php/cihere_cn_db/_search<br>REQUEST:<pre>Array
(
    [query] => Array
        (
            [match] => Array
                (
                    [title] => Array
                        (
                            [query] => WPF简易北京地铁效果图
                        )

                )

        )

    [highlight] => Array
        (
            [fields] => Array
                (
                    [title] => stdClass Object
                        (
                        )

                )

            [pre_tags] => #em#
            [post_tags] => #/em#
        )

    [from] => 0
)
</pre>RESPONSE:<pre>bool(false)
</pre>127.0.0.1:9200<br>URL: http://127.0.0.1:9200/likecs_down_db/_search<br>REQUEST:<pre>Array
(
    [query] => Array
        (
            [bool] => Array
                (
                    [must] => Array
                        (
                            [0] => Array
                                (
                                    [match] => Array
                                        (
                                            [title] => Array
                                                (
                                                    [query] => WPF简易北京地铁效果图
                                                )

                                        )

                                )

                        )

                    [must_not] => Array
                        (
                            [0] => Array
                                (
                                    [term] => Array
                                        (
                                            [cate1] => 电子书籍
                                        )

                                )

                        )

                )

        )

    [highlight] => Array
        (
            [fields] => Array
                (
                    [title] => stdClass Object
                        (
                        )

                )

            [pre_tags] => #em#
            [post_tags] => #/em#
        )

    [size] => 5
    [from] => 0
)
</pre>RESPONSE:<pre>string(2964) "{"took":58,"timed_out":false,"_shards":{"total":1,"successful":1,"skipped":0,"failed":0},"hits":{"total":{"value":10000,"relation":"gte"},"max_score":20.077696,"hits":[{"_index":"likecs_down_db","_type":"_doc","_id":"38895","_score":20.077696,"_source":{"id":"38895","title":"html5\u57fa\u4e8ecanvas\u5b9e\u73b0\u7684\u4e2d\u56fd\u5730\u56fe\u5404\u7701\u5750\u6807\u6307\u5411\u5317\u4eac\u6548\u679c\u6e90\u7801","spidertime":"1623037001","contenttime":"1623037001","pageimage":"https:\/\/img.jbzj.com\/do\/uploads\/litimg\/160408\/1512493E205.jpg","tag":"HTML5|Canvas|\u5730\u56fe|\u6e90\u7801","cate1":"html5","attr1":"168KB"},"highlight":{"title":["html5基于canvas实现的中国#em#地#/em##em#图#/em#各省坐标指向#em#北#/em##em#京#/em##em#效#/em##em#果#/em#源码"]}},{"_index":"likecs_down_db","_type":"_doc","_id":"31443","_score":17.292019,"_source":{"id":"31443","title":"asp \u5317\u4eac\u540c\u5fd7\u4f1a\u6240\u56fe\u5e93\u7cfb\u7edf v1.0","spidertime":"1622955339","contenttime":"1677114635","pageimage":"https:\/\/img.jbzj.com\/do\/uploads\/litimg\/111115\/10315310Yb.gif","tag":"\u5317\u4eac|\u56fe\u5e93|\u56fe\u5e93","cate1":"\u6e90\u7801\u4e0b\u8f7d","cate2":"asp\u6e90\u7801","cate3":"\u8d3a\u5361\u56fe\u7247","attr1":"3.08MB"},"highlight":{"title":["asp #em#北#/em##em#京#/em#同志会所#em#图#/em#库系统 v1.0"]}},{"_index":"likecs_down_db","_type":"_doc","_id":"99072","_score":17.292019,"_source":{"id":"99072","title":"asp \u5317\u4eac\u540c\u5fd7\u4f1a\u6240\u56fe\u5e93\u7cfb\u7edf v1.0","spidertime":"1625644709","contenttime":"1674448225","pageimage":"https:\/\/img.jbzj.com\/do\/uploads\/litimg\/111115\/10315310Yb.gif","tag":"\u5317\u4eac|\u56fe\u5e93|\u56fe\u5e93","cate1":"\u6e90\u7801\u4e0b\u8f7d","cate2":"asp\u6e90\u7801","cate3":"\u8d3a\u5361\u56fe\u7247","attr1":"3.08MB"},"highlight":{"title":["asp #em#北#/em##em#京#/em#同志会所#em#图#/em#库系统 v1.0"]}},{"_index":"likecs_down_db","_type":"_doc","_id":"8770","_score":17.252632,"_source":{"id":"8770","title":"dron \u7b80\u6613\u76f8\u518c\u6548\u679c\u6e90\u7801","spidertime":"1622875320","contenttime":"1673308549","pageimage":"https:\/\/img.jbzj.com\/do\/uploads\/litimg\/121122\/15231G5543.gif","tag":"dron|\u76f8\u518c","cate1":"\u76f8\u518c\u4ee3\u7801","attr1":"8MB"},"highlight":{"title":["dron #em#简#/em##em#易#/em#相册#em#效#/em##em#果#/em#源码"]}},{"_index":"likecs_down_db","_type":"_doc","_id":"51802","_score":15.675884,"_source":{"id":"51802","title":"html5\u57fa\u4e8ecanvas\u5b9e\u73b0\u7684\u7b80\u6613\u5706\u5f62\u672c\u5730\u65f6\u949f\u6548\u679c\u6e90\u7801","spidertime":"1623056205","contenttime":"1624510517","pageimage":"https:\/\/img.jbzj.com\/do\/uploads\/litimg\/161013\/1636163631V.jpg","tag":"HTML5|Canvas|\u65f6\u949f|\u6e90\u7801","cate1":"html5","attr1":"5KB"},"highlight":{"title":["html5基于canvas实现的#em#简#/em##em#易#/em#圆形本#em#地#/em#时钟#em#效#/em##em#果#/em#源码"]}}]}}"
</pre><!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="zh-CN" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
    <title>WPF简易北京地铁效果图 - 爱码网</title>
     
<meta name="keywords" content="WPF简易北京地铁效果图" />
<meta name="description" content="目录ECharts异步加载ECharts
数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。
chart.setOption({
    color: [" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="/statics/css/base.css?v=2.7" />
<script src="/statics/js/detail.min.js?v=2.2"></script>   
<script>
   $(document).ready(function () { 
		$("img").error(function () {
			$(this).hide();
		}); 
	}); 
</script>
</head>
<body class="home-template dtpg">
<nav class="main-nav clearfix">
    <div class="inner">
        <ul class="nav">
            <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-886"><a href="/" title="爱码网">首页</a></li>
                        <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-886"><a href="/nav/1.html" title="前端技术">前端技术</a></li>
                        <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-886"><a href="/nav/9.html" title="编程语言">编程语言</a></li>
                        <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-886"><a href="/nav/31.html" title="人工智能">人工智能</a></li>
                        <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-886"><a href="/nav/41.html" title="运维知识">运维知识</a></li>
                        <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-886"><a href="/nav/52.html" title="资源下载">资源下载</a></li>
                        <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-886"><a href="/nav/68.html" title="常用小工具">常用小工具</a></li>
                        <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-886"><a href="/nav/72.html" title="技术问答">技术问答</a></li>
                    </ul>            
	 
    </div>
</nav><div class="site-wrapper">
 
    <header style="height: auto;padding: 10px 0px;" class="main-header">
        <div style="max-width:910px" class="main-header-content inner">
                        <h1 class="page-title"><a href="/show-11032.html" title="WPF简易北京地铁效果图">WPF简易北京地铁效果图</a></h1>
            
        </div>

    </header>
    <main class="content" role="main">
	

        <div class="leftbox">
    <article class="post tag-uifont tag-webview">
        <header class="post-header">
            <footer class="tc"> ZXdeveloper 
                <time class="post-date" datetime="2021-11-13">2021-11-13</time>
            </footer>
        </header>
        <section class="post-content">
            <div class="contentbef">  
                  
                              </div>

            
                                    
    <!--done-->
    <div id="topics">
        <div class="post">
            
            
            <div class="postBody">
                <div id="likecs_post_body" class="blogpost-body blogpost-body-html">
<p>这个是百度地图上北京地铁的地址http://map.baidu.com/?subwayShareId=beijing,131，我们先看下百度上面的效果图</p>
<p><img src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvNjA5Njc5LzIwMTgwMy82MDk2NzktMjAxODAzMTkwOTQ0MjAzMjktMjY3MzU5MzE1LmdpZg%3D%3D" alt=""></p>
<p>我要实现的内容比较简单，就是绘制这些图，和在地铁线上滑动时，会有跟着走的地铁名的提示。</p>
<p>以下是我实现的，简陋的效果图</p>
<p><img src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvNjA5Njc5LzIwMTgwMy82MDk2NzktMjAxODAzMTkwOTQ2NTQzODMtMTAxMzE5ODU0Ni5naWY%3D" alt=""></p>
<p>实现过程：</p>
<h2>一、扒数据</h2>
<p>我不会爬虫，所以，这里是用Fiddler把数据给扒下来，由于北京地铁官网，最近在维护中，所以进不去，不知道他们是不是提供了相关的数据，如果数据丰富的话，可做的东西还是很多的。</p>
<p>F12打开开发者工具，用鼠标工具，选择地铁图，会定位到相应的代码部分</p>
<p><img src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvNjA5Njc5LzIwMTgwMy82MDk2NzktMjAxODAzMTkwOTU4MTkxMzEtMTI5NTAyMjUzNC5wbmc%3D" alt=""></p>
<p>数据就在SVG的结点下面，我们把数据复制粘贴出来，这些数据上，我们能发现，是分离开的，举个例子：1号线上有很多个站点，例如苹果园、古城等，但是在数据上，你看不出1号线和苹果园、古城的关系所在，也就是说，展示给我们的数据是相对独立的。数据上，提供了Path的路径，Textblock和Ellipse的坐标信息。那我们就用这些信息，简单的画一下北京地铁图。</p>
<h2>二、读取XML文件</h2>
<p>将扒下来的数据，放到XML中，稍微修改下，因为会报错，命名空间的问题，很好弄，就不贴了，观察数据，以后，建立一个实体DrawInfo，包含几个字段</p>
<div class="likecs_code">
<img id="code_img_closed_a9d71c33-2168-413b-b32f-4301d7324c0b" class="code_img_closed" src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXMuY25ibG9ncy5jb20vT3V0bGluaW5nSW5kaWNhdG9ycy9Db250cmFjdGVkQmxvY2suZ2lm" alt=""><img id="code_img_opened_a9d71c33-2168-413b-b32f-4301d7324c0b" class="code_img_opened" style="display: none" src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXMuY25ibG9ncy5jb20vT3V0bGluaW5nSW5kaWNhdG9ycy9FeHBhbmRlZEJsb2NrU3RhcnQuZ2lm" alt=""><div id="likecs_code_open_a9d71c33-2168-413b-b32f-4301d7324c0b" class="likecs_code_hide">
<pre><span style="color: rgba(0, 0, 255, 1)">public</span> <span style="color: rgba(0, 0, 255, 1)">class</span><span style="color: rgba(0, 0, 0, 1)"> DrawInfo
    {
        </span><span style="color: rgba(0, 0, 255, 1)">private</span> <span style="color: rgba(0, 0, 255, 1)">string</span> type;<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">类型 ： path text ellipse image </span>
        <span style="color: rgba(0, 0, 255, 1)">private</span> <span style="color: rgba(0, 0, 255, 1)">string</span> pathData;<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">path的路径数据</span>
        <span style="color: rgba(0, 0, 255, 1)">private</span> <span style="color: rgba(0, 0, 255, 1)">string</span> forColor;<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">颜色</span>
        <span style="color: rgba(0, 0, 255, 1)">private</span> <span style="color: rgba(0, 0, 255, 1)">double</span> x;<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">坐标</span>
        <span style="color: rgba(0, 0, 255, 1)">private</span> <span style="color: rgba(0, 0, 255, 1)">double</span> y;<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">坐标</span>
        <span style="color: rgba(0, 0, 255, 1)">private</span> <span style="color: rgba(0, 0, 255, 1)">string</span> tooltip;<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">ToolTip</span>
        <span style="color: rgba(0, 0, 255, 1)">private</span> <span style="color: rgba(0, 0, 255, 1)">string</span> id;<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">ID       </span>
        <span style="color: rgba(0, 0, 255, 1)">private</span> <span style="color: rgba(0, 0, 255, 1)">string</span><span style="color: rgba(0, 0, 0, 1)"> fontWeight;

        </span><span style="color: rgba(0, 0, 255, 1)">public</span> <span style="color: rgba(0, 0, 255, 1)">string</span><span style="color: rgba(0, 0, 0, 1)"> Type
        {
            </span><span style="color: rgba(0, 0, 255, 1)">get</span><span style="color: rgba(0, 0, 0, 1)">
            {
                </span><span style="color: rgba(0, 0, 255, 1)">return</span><span style="color: rgba(0, 0, 0, 1)"> type;
            }

            </span><span style="color: rgba(0, 0, 255, 1)">set</span><span style="color: rgba(0, 0, 0, 1)">
            {
                type </span>=<span style="color: rgba(0, 0, 0, 1)"> value;
            }
        }

        </span><span style="color: rgba(0, 0, 255, 1)">public</span> <span style="color: rgba(0, 0, 255, 1)">string</span><span style="color: rgba(0, 0, 0, 1)"> PathData
        {
            </span><span style="color: rgba(0, 0, 255, 1)">get</span><span style="color: rgba(0, 0, 0, 1)">
            {
                </span><span style="color: rgba(0, 0, 255, 1)">return</span><span style="color: rgba(0, 0, 0, 1)"> pathData;
            }

            </span><span style="color: rgba(0, 0, 255, 1)">set</span><span style="color: rgba(0, 0, 0, 1)">
            {
                pathData </span>=<span style="color: rgba(0, 0, 0, 1)"> value;
            }
        }

        </span><span style="color: rgba(0, 0, 255, 1)">public</span> <span style="color: rgba(0, 0, 255, 1)">string</span><span style="color: rgba(0, 0, 0, 1)"> ForColor
        {
            </span><span style="color: rgba(0, 0, 255, 1)">get</span><span style="color: rgba(0, 0, 0, 1)">
            {
                </span><span style="color: rgba(0, 0, 255, 1)">return</span><span style="color: rgba(0, 0, 0, 1)"> forColor;
            }

            </span><span style="color: rgba(0, 0, 255, 1)">set</span><span style="color: rgba(0, 0, 0, 1)">
            {
                forColor </span>=<span style="color: rgba(0, 0, 0, 1)"> value;
            }
        }

        </span><span style="color: rgba(0, 0, 255, 1)">public</span> <span style="color: rgba(0, 0, 255, 1)">double</span><span style="color: rgba(0, 0, 0, 1)"> X
        {
            </span><span style="color: rgba(0, 0, 255, 1)">get</span><span style="color: rgba(0, 0, 0, 1)">
            {
                </span><span style="color: rgba(0, 0, 255, 1)">return</span><span style="color: rgba(0, 0, 0, 1)"> x;
            }

            </span><span style="color: rgba(0, 0, 255, 1)">set</span><span style="color: rgba(0, 0, 0, 1)">
            {
                x </span>=<span style="color: rgba(0, 0, 0, 1)"> value;
            }
        }

        </span><span style="color: rgba(0, 0, 255, 1)">public</span> <span style="color: rgba(0, 0, 255, 1)">double</span><span style="color: rgba(0, 0, 0, 1)"> Y
        {
            </span><span style="color: rgba(0, 0, 255, 1)">get</span><span style="color: rgba(0, 0, 0, 1)">
            {
                </span><span style="color: rgba(0, 0, 255, 1)">return</span><span style="color: rgba(0, 0, 0, 1)"> y;
            }

            </span><span style="color: rgba(0, 0, 255, 1)">set</span><span style="color: rgba(0, 0, 0, 1)">
            {
                y </span>=<span style="color: rgba(0, 0, 0, 1)"> value;
            }
        }

        </span><span style="color: rgba(0, 0, 255, 1)">public</span> <span style="color: rgba(0, 0, 255, 1)">string</span><span style="color: rgba(0, 0, 0, 1)"> Tooltip
        {
            </span><span style="color: rgba(0, 0, 255, 1)">get</span><span style="color: rgba(0, 0, 0, 1)">
            {
                </span><span style="color: rgba(0, 0, 255, 1)">return</span><span style="color: rgba(0, 0, 0, 1)"> tooltip;
            }

            </span><span style="color: rgba(0, 0, 255, 1)">set</span><span style="color: rgba(0, 0, 0, 1)">
            {
                tooltip </span>=<span style="color: rgba(0, 0, 0, 1)"> value;
            }
        }

        </span><span style="color: rgba(0, 0, 255, 1)">public</span> <span style="color: rgba(0, 0, 255, 1)">string</span><span style="color: rgba(0, 0, 0, 1)"> Id
        {
            </span><span style="color: rgba(0, 0, 255, 1)">get</span><span style="color: rgba(0, 0, 0, 1)">
            {
                </span><span style="color: rgba(0, 0, 255, 1)">return</span><span style="color: rgba(0, 0, 0, 1)"> id;
            }

            </span><span style="color: rgba(0, 0, 255, 1)">set</span><span style="color: rgba(0, 0, 0, 1)">
            {
                id </span>=<span style="color: rgba(0, 0, 0, 1)"> value;
            }
        }

        </span><span style="color: rgba(0, 0, 255, 1)">public</span> <span style="color: rgba(0, 0, 255, 1)">string</span><span style="color: rgba(0, 0, 0, 1)"> FontWeight
        {
            </span><span style="color: rgba(0, 0, 255, 1)">get</span><span style="color: rgba(0, 0, 0, 1)">
            {
                </span><span style="color: rgba(0, 0, 255, 1)">return</span><span style="color: rgba(0, 0, 0, 1)"> fontWeight;
            }

            </span><span style="color: rgba(0, 0, 255, 1)">set</span><span style="color: rgba(0, 0, 0, 1)">
            {
                fontWeight </span>=<span style="color: rgba(0, 0, 0, 1)"> value;
            }
        }
    }</span></pre>
</div>
<span class="likecs_code_collapse">DrawInfo</span>
</div>
<p>下面是读取的方法</p>
<div class="likecs_code">
<img id="code_img_closed_e76149bd-305c-4182-ba30-855c72caf8f9" class="code_img_closed" src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXMuY25ibG9ncy5jb20vT3V0bGluaW5nSW5kaWNhdG9ycy9Db250cmFjdGVkQmxvY2suZ2lm" alt=""><img id="code_img_opened_e76149bd-305c-4182-ba30-855c72caf8f9" class="code_img_opened" style="display: none" src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXMuY25ibG9ncy5jb20vT3V0bGluaW5nSW5kaWNhdG9ycy9FeHBhbmRlZEJsb2NrU3RhcnQuZ2lm" alt=""><div id="likecs_code_open_e76149bd-305c-4182-ba30-855c72caf8f9" class="likecs_code_hide">
<pre><span style="color: rgba(0, 0, 255, 1)">private</span> <span style="color: rgba(0, 0, 255, 1)">void</span><span style="color: rgba(0, 0, 0, 1)"> ReadXML()
        {
            doc.Load(xmlPath);
            XmlNodeList xmlNodeList </span>= doc.DocumentElement.GetElementsByTagName(<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">g</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">);
            </span><span style="color: rgba(0, 0, 255, 1)">foreach</span> (XmlNode xn <span style="color: rgba(0, 0, 255, 1)">in</span><span style="color: rgba(0, 0, 0, 1)"> xmlNodeList)
            {
                </span><span style="color: rgba(0, 0, 255, 1)">foreach</span> (XmlNode item <span style="color: rgba(0, 0, 255, 1)">in</span><span style="color: rgba(0, 0, 0, 1)"> xn.ChildNodes)
                {
                    DrawInfo drawInfo </span>= <span style="color: rgba(0, 0, 255, 1)">null</span><span style="color: rgba(0, 0, 0, 1)">;
                    </span><span style="color: rgba(0, 0, 255, 1)">if</span> (item.Name == <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">path</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">)
                    {
                        drawInfo </span>= <span style="color: rgba(0, 0, 255, 1)">new</span><span style="color: rgba(0, 0, 0, 1)"> DrawInfo()
                        {
                            Type </span>= <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">path</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">,
                            PathData </span>= item.Attributes[<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">d</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">].InnerText,
                            ForColor </span>= item.Attributes[<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">stroke</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">].InnerText,
                            Tooltip </span>= item.Attributes[<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">lb</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">].InnerText,
                        };
                    }
                    </span><span style="color: rgba(0, 0, 255, 1)">if</span> (item.Name == <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">text</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">)
                    {
                        drawInfo </span>= <span style="color: rgba(0, 0, 255, 1)">new</span><span style="color: rgba(0, 0, 0, 1)"> DrawInfo()
                        {
                            Type </span>= <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">text</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">,
                            ForColor </span>= item.Attributes[<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">fill</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">].InnerText,
                            X </span>= <span style="color: rgba(0, 0, 255, 1)">double</span>.Parse(item.Attributes[<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">x</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">].InnerText),
                            Y </span>= <span style="color: rgba(0, 0, 255, 1)">double</span>.Parse(item.Attributes[<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">y</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">].InnerText),
                            Tooltip </span>=<span style="color: rgba(0, 0, 0, 1)"> item.InnerText,
                            FontWeight </span>= item.Attributes[<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">font-weight</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">].InnerText
                        };
                    }
                    </span><span style="color: rgba(0, 0, 255, 1)">if</span> (item.Name == <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">ellipse</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">)
                    {
                        drawInfo </span>= <span style="color: rgba(0, 0, 255, 1)">new</span><span style="color: rgba(0, 0, 0, 1)"> DrawInfo()
                        {
                            Type </span>= <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">ellipse</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">,
                            ForColor </span>= item.Attributes[<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">stroke</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">].InnerText,
                            X </span>= <span style="color: rgba(0, 0, 255, 1)">double</span>.Parse(item.Attributes[<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">cx</span><span style="color: rgba(128, 0, 0, 1)">"</span>].InnerText) - <span style="color: rgba(128, 0, 128, 1)">6.5</span><span style="color: rgba(0, 0, 0, 1)">,
                            Y </span>= <span style="color: rgba(0, 0, 255, 1)">double</span>.Parse(item.Attributes[<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">cy</span><span style="color: rgba(128, 0, 0, 1)">"</span>].InnerText) - <span style="color: rgba(128, 0, 128, 1)">6.5</span><span style="color: rgba(0, 0, 0, 1)">,
                            Tooltip</span>=item.Attributes[<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">name</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">].InnerText,
                        };
                    }
                    </span><span style="color: rgba(0, 0, 255, 1)">if</span> (item.Name == <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">image</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">)
                    {
                        drawInfo </span>= <span style="color: rgba(0, 0, 255, 1)">new</span><span style="color: rgba(0, 0, 0, 1)"> DrawInfo()
                        {
                            Type </span>= <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">image</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">,
                            X </span>= <span style="color: rgba(0, 0, 255, 1)">double</span>.Parse(item.Attributes[<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">x</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">].InnerText),
                            Y </span>= <span style="color: rgba(0, 0, 255, 1)">double</span>.Parse(item.Attributes[<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">y</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">].InnerText),
                            Id </span>= item.Attributes[<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">id</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">].InnerText,
                            Tooltip</span>=item.Attributes[<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">name</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">].InnerText
                        };
                    }
                    </span><span style="color: rgba(0, 0, 255, 1)">if</span> (drawInfo != <span style="color: rgba(0, 0, 255, 1)">null</span><span style="color: rgba(0, 0, 0, 1)">)
                        DrInList.Add(drawInfo);
                }
            }
        }</span></pre>
</div>
<span class="likecs_code_collapse">ReadXML</span>
</div>
<p>由于是一个小Demo，所以代码上写的不是很规范，例如DrawInfo里面的字段，好多，我在后期都公用了，而且定义的类型也不是很规范，用了string，而没使用Brush、FontWeight等，在取XML结点的Name的时候，也应该定义一个枚举类型，我都没有去弄，就是为了写小例子的时候，省事一点，但是在实际的生产代码中，建议大家是规范的，利人利己。三、绘制效果图</p>
<p>数据从XML中拿到以后，绘制效果图，就方便多了，代码就很容搞定</p>
<div class="likecs_code">
<img id="code_img_closed_f93ec129-8f37-4960-8fe1-33b09cfac038" class="code_img_closed" src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXMuY25ibG9ncy5jb20vT3V0bGluaW5nSW5kaWNhdG9ycy9Db250cmFjdGVkQmxvY2suZ2lm" alt=""><img id="code_img_opened_f93ec129-8f37-4960-8fe1-33b09cfac038" class="code_img_opened" style="display: none" src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXMuY25ibG9ncy5jb20vT3V0bGluaW5nSW5kaWNhdG9ycy9FeHBhbmRlZEJsb2NrU3RhcnQuZ2lm" alt=""><div id="likecs_code_open_f93ec129-8f37-4960-8fe1-33b09cfac038" class="likecs_code_hide">
<pre><span style="color: rgba(0, 0, 255, 1)">private</span> <span style="color: rgba(0, 0, 255, 1)">void</span><span style="color: rgba(0, 0, 0, 1)"> ShowSubWay()
        {
            </span><span style="color: rgba(0, 0, 255, 1)">foreach</span> (DrawInfo item <span style="color: rgba(0, 0, 255, 1)">in</span><span style="color: rgba(0, 0, 0, 1)"> DrInList)
            {
                </span><span style="color: rgba(0, 0, 255, 1)">if</span> (item.Type == <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">path</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">)
                {
                    Style style </span>= win.FindResource(<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">pathStyle</span><span style="color: rgba(128, 0, 0, 1)">"</span>) <span style="color: rgba(0, 0, 255, 1)">as</span><span style="color: rgba(0, 0, 0, 1)"> Style;
                    Path path </span>= <span style="color: rgba(0, 0, 255, 1)">new</span><span style="color: rgba(0, 0, 0, 1)"> Path()
                    {
                        Style </span>=<span style="color: rgba(0, 0, 0, 1)"> style,
                        Data </span>=<span style="color: rgba(0, 0, 0, 1)"> Geometry.Parse(item.PathData),
                        Stroke </span>=<span style="color: rgba(0, 0, 0, 1)"> (Brush)brushConverter.ConvertFromString(item.ForColor),
                        ToolTip </span>=<span style="color: rgba(0, 0, 0, 1)"> item.Tooltip
                    };
                    path.MouseMove </span>+=<span style="color: rgba(0, 0, 0, 1)"> Path_MouseMove;
                    path.MouseLeave </span>+=<span style="color: rgba(0, 0, 0, 1)"> Path_MouseLeave;
                    grid.Children.Add(path);
                }
                </span><span style="color: rgba(0, 0, 255, 1)">if</span> (item.Type == <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">text</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">)
                {
                    Style style </span>= win.FindResource(<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">textblockStyle</span><span style="color: rgba(128, 0, 0, 1)">"</span>) <span style="color: rgba(0, 0, 255, 1)">as</span><span style="color: rgba(0, 0, 0, 1)"> Style;
                    TextBlock textBlock </span>= <span style="color: rgba(0, 0, 255, 1)">new</span><span style="color: rgba(0, 0, 0, 1)"> TextBlock()
                    {
                        Style </span>=<span style="color: rgba(0, 0, 0, 1)"> style,
                        Foreground </span>=<span style="color: rgba(0, 0, 0, 1)"> (Brush)brushConverter.ConvertFromString(item.ForColor),
                        Margin </span>= <span style="color: rgba(0, 0, 255, 1)">new</span> Thickness() { Left = item.X, Top =<span style="color: rgba(0, 0, 0, 1)"> item.Y },
                        Text </span>=<span style="color: rgba(0, 0, 0, 1)"> item.Tooltip,
                        FontWeight </span>= (FontWeight)<span style="color: rgba(0, 0, 255, 1)">new</span><span style="color: rgba(0, 0, 0, 1)"> FontWeightConverter().ConvertFromString(item.FontWeight),
                    };
                    grid.Children.Add(textBlock);
                }
                </span><span style="color: rgba(0, 0, 255, 1)">if</span> (item.Type == <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">ellipse</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">)
                {
                    Style style </span>= win.FindResource(<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">ellipseStyle</span><span style="color: rgba(128, 0, 0, 1)">"</span>) <span style="color: rgba(0, 0, 255, 1)">as</span><span style="color: rgba(0, 0, 0, 1)"> Style;
                    Ellipse ellipse </span>= <span style="color: rgba(0, 0, 255, 1)">new</span><span style="color: rgba(0, 0, 0, 1)"> Ellipse()
                    {
                        Style </span>=<span style="color: rgba(0, 0, 0, 1)"> style,
                        Stroke </span>=<span style="color: rgba(0, 0, 0, 1)"> (Brush)brushConverter.ConvertFromString(item.ForColor),
                        Margin </span>= <span style="color: rgba(0, 0, 255, 1)">new</span> Thickness() { Left = item.X, Top =<span style="color: rgba(0, 0, 0, 1)"> item.Y },
                        ToolTip</span>=<span style="color: rgba(0, 0, 0, 1)">item.Tooltip
                    };
                    ellipse.MouseMove </span>+=<span style="color: rgba(0, 0, 0, 1)"> Ellipse_MouseMove;
                    ellipse.MouseLeave </span>+=<span style="color: rgba(0, 0, 0, 1)"> Ellipse_MouseLeave;
                    grid.Children.Add(ellipse);
                }
                </span><span style="color: rgba(0, 0, 255, 1)">if</span> (item.Type == <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">image</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">)
                {
                    Style style </span>= <span style="color: rgba(0, 0, 255, 1)">null</span><span style="color: rgba(0, 0, 0, 1)">;
                    </span><span style="color: rgba(0, 0, 255, 1)">if</span> (item.Id == <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">svgjsImage12298</span><span style="color: rgba(128, 0, 0, 1)">"</span> || item.Id == <span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">svgjsImage12302</span><span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(0, 0, 0, 1)">)
                        style </span>= win.FindResource(<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">imgAir</span><span style="color: rgba(128, 0, 0, 1)">"</span>) <span style="color: rgba(0, 0, 255, 1)">as</span><span style="color: rgba(0, 0, 0, 1)"> Style;
                    </span><span style="color: rgba(0, 0, 255, 1)">else</span><span style="color: rgba(0, 0, 0, 1)">
                        style </span>= win.FindResource(<span style="color: rgba(128, 0, 0, 1)">"</span><span style="color: rgba(128, 0, 0, 1)">imgTran</span><span style="color: rgba(128, 0, 0, 1)">"</span>) <span style="color: rgba(0, 0, 255, 1)">as</span><span style="color: rgba(0, 0, 0, 1)"> Style;
                    Image img </span>= <span style="color: rgba(0, 0, 255, 1)">new</span><span style="color: rgba(0, 0, 0, 1)"> Image()
                    {
                        Style </span>=<span style="color: rgba(0, 0, 0, 1)"> style,
                        Margin </span>= <span style="color: rgba(0, 0, 255, 1)">new</span> Thickness() { Left = item.X, Top =<span style="color: rgba(0, 0, 0, 1)"> item.Y },
                        ToolTip</span>=<span style="color: rgba(0, 0, 0, 1)">item.Tooltip
                    };
                    img.MouseMove </span>+=<span style="color: rgba(0, 0, 0, 1)"> Img_MouseMove;
                    img.MouseLeave </span>+=<span style="color: rgba(0, 0, 0, 1)"> Img_MouseLeave;
                    grid.Children.Add(img);
                }
            }
        }</span></pre>
</div>
<span class="likecs_code_collapse">ShowSubWay</span>
</div>
<p>代码很Low，羽神说，我把WPF写成了Winform，不得不承认，是这个样子的，binding什么的，都没用，但是后来想了想不是我不想用，而是地铁图的路线不规则，没有规律，我就不知道怎么重写一个控件来绑定一个List集合，统一进行展示了，思考了挺久，但是依然没有好的想法，因为，我们在公司做的binding，都是基于数据层面的，说白了，就是前台的XAML变动不大，或者变动的比较有规律，例如重写Listbox的Template，来实现统一的效果，绑定数据以后，自动展示。<br><img src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvNjA5Njc5LzIwMTgwMy82MDk2NzktMjAxODAzMTkxMDM0MTM2MzUtMzI3MDcyNjkyLnBuZw%3D%3D" alt=""></p>
<p>就像上面这个图，就可以重写Listbox，然后实现效果，但是我这次的小Demo里没有做，因为XML的数据中没有提供相关的东西，也就没有去搞了，相信，做过WPF的，看了这个图，基本也就知道怎么搞了，如果有没有思路的朋友，可以留言问我。</p>
<h2>四、类似于ToolTip的地铁名提示</h2>
<p>这个功能特别的感谢李伟哥@<a href="/default/index/url?u=aHR0cDovL3d3dy5jbmJsb2dzLmNvbS90c2xpd2VpLw%3D%3D" target="_blank">普通的地球人</a>，不得不说，李伟哥的WPF特别厉害，轻松的搞定了我当时出现的困扰。最开始做跟着鼠标走的ToolTip的时候，首先想到的是ToolTip，但是发现，不好用，因为他会定位到一个位置，不会跟着走，后来也用了Popup，但是根据网上的方法，会闪烁，因为Popup是需要先隐藏，再显示的，所以，有闪烁的效果，在群里问了以后，李伟哥很快给了一个Demo，解答了我，厉害，在此谢谢李伟哥。 </p>
<div class="likecs_code">
<pre><span style="color: rgba(0, 0, 255, 1)">&lt;</span><span style="color: rgba(128, 0, 0, 1)">Popup </span><span style="color: rgba(255, 0, 0, 1)">Grid.Row</span><span style="color: rgba(0, 0, 255, 1)">="1"</span><span style="color: rgba(255, 0, 0, 1)"> x:Name</span><span style="color: rgba(0, 0, 255, 1)">="popPath"</span><span style="color: rgba(255, 0, 0, 1)"> AllowsTransparency</span><span style="color: rgba(0, 0, 255, 1)">="True"</span><span style="color: rgba(0, 0, 255, 1)">&gt;</span>
  <span style="color: rgba(0, 0, 255, 1)">&lt;</span><span style="color: rgba(128, 0, 0, 1)">Border </span><span style="color: rgba(255, 0, 0, 1)">BorderBrush</span><span style="color: rgba(0, 0, 255, 1)">="Transparent"</span><span style="color: rgba(255, 0, 0, 1)"> BorderThickness</span><span style="color: rgba(0, 0, 255, 1)">="0"</span><span style="color: rgba(255, 0, 0, 1)"> Background</span><span style="color: rgba(0, 0, 255, 1)">="Transparent"</span><span style="color: rgba(0, 0, 255, 1)">&gt;</span>
    <span style="color: rgba(0, 0, 255, 1)">&lt;</span><span style="color: rgba(128, 0, 0, 1)">Grid </span><span style="color: rgba(255, 0, 0, 1)">HorizontalAlignment</span><span style="color: rgba(0, 0, 255, 1)">="Center"</span><span style="color: rgba(255, 0, 0, 1)"> VerticalAlignment</span><span style="color: rgba(0, 0, 255, 1)">="Center"</span><span style="color: rgba(0, 0, 255, 1)">&gt;</span>
      <span style="color: rgba(0, 0, 255, 1)">&lt;</span><span style="color: rgba(128, 0, 0, 1)">Path </span><span style="color: rgba(255, 0, 0, 1)">Stroke</span><span style="color: rgba(0, 0, 255, 1)">="Black"</span><span style="color: rgba(255, 0, 0, 1)"> StrokeThickness</span><span style="color: rgba(0, 0, 255, 1)">="1"</span><span style="color: rgba(255, 0, 0, 1)"> Fill</span><span style="color: rgba(0, 0, 255, 1)">="White"</span><span style="color: rgba(255, 0, 0, 1)"> Data</span><span style="color: rgba(0, 0, 255, 1)">="M 0,0 L 120,0 L 120,30 L 65,30 L 60,35 L 55,30 L 0,30 Z"</span> <span style="color: rgba(0, 0, 255, 1)">/&gt;</span>
      <span style="color: rgba(0, 0, 255, 1)">&lt;</span><span style="color: rgba(128, 0, 0, 1)">Grid </span><span style="color: rgba(255, 0, 0, 1)">x:Name</span><span style="color: rgba(0, 0, 255, 1)">="grpopPath"</span><span style="color: rgba(255, 0, 0, 1)"> Margin</span><span style="color: rgba(0, 0, 255, 1)">="5,5,5,10"</span><span style="color: rgba(0, 0, 255, 1)">&gt;</span>
        <span style="color: rgba(0, 0, 255, 1)">&lt;</span><span style="color: rgba(128, 0, 0, 1)">TextBlock </span><span style="color: rgba(255, 0, 0, 1)">x:Name</span><span style="color: rgba(0, 0, 255, 1)">="tbPath"</span><span style="color: rgba(255, 0, 0, 1)"> Foreground</span><span style="color: rgba(0, 0, 255, 1)">="White"</span><span style="color: rgba(255, 0, 0, 1)"> FontSize</span><span style="color: rgba(0, 0, 255, 1)">="13"</span><span style="color: rgba(255, 0, 0, 1)"> HorizontalAlignment</span><span style="color: rgba(0, 0, 255, 1)">="Center"</span><span style="color: rgba(255, 0, 0, 1)"> VerticalAlignment</span><span style="color: rgba(0, 0, 255, 1)">="Center"</span><span style="color: rgba(255, 0, 0, 1)"> Style</span><span style="color: rgba(0, 0, 255, 1)">="</span><span style="color: rgba(128, 128, 0, 1)">{Binding Null}</span><span style="color: rgba(0, 0, 255, 1)">"</span> <span style="color: rgba(0, 0, 255, 1)">/&gt;</span>
      <span style="color: rgba(0, 0, 255, 1)">&lt;/</span><span style="color: rgba(128, 0, 0, 1)">Grid</span><span style="color: rgba(0, 0, 255, 1)">&gt;</span>
    <span style="color: rgba(0, 0, 255, 1)">&lt;/</span><span style="color: rgba(128, 0, 0, 1)">Grid</span><span style="color: rgba(0, 0, 255, 1)">&gt;</span>
  <span style="color: rgba(0, 0, 255, 1)">&lt;/</span><span style="color: rgba(128, 0, 0, 1)">Border</span><span style="color: rgba(0, 0, 255, 1)">&gt;</span>
<span style="color: rgba(0, 0, 255, 1)">&lt;/</span><span style="color: rgba(128, 0, 0, 1)">Popup</span><span style="color: rgba(0, 0, 255, 1)">&gt;</span></pre>
</div>
<div class="likecs_code">
<pre><span style="color: rgba(0, 0, 255, 1)">private</span> <span style="color: rgba(0, 0, 255, 1)">void</span> Path_MouseMove(<span style="color: rgba(0, 0, 255, 1)">object</span><span style="color: rgba(0, 0, 0, 1)"> sender, MouseEventArgs e)
{
    Path path </span>=<span style="color: rgba(0, 0, 0, 1)"> (Path)sender;
    grpopPath.Background </span>=<span style="color: rgba(0, 0, 0, 1)"> path.Stroke;
    tbPath.Text </span>=<span style="color: rgba(0, 0, 0, 1)"> path.ToolTip.ToString();


    Point p </span>=<span style="color: rgba(0, 0, 0, 1)"> e.GetPosition(mainGrid);
    popPath.IsOpen </span>= <span style="color: rgba(0, 0, 255, 1)">true</span><span style="color: rgba(0, 0, 0, 1)">;
    popPath.HorizontalOffset </span>= p.X - <span style="color: rgba(128, 0, 128, 1)">60</span><span style="color: rgba(0, 0, 0, 1)">;
    popPath.VerticalOffset </span>= p.Y - mainGrid.ActualHeight - <span style="color: rgba(128, 0, 128, 1)">40</span><span style="color: rgba(0, 0, 0, 1)">;
}

</span><span style="color: rgba(0, 0, 255, 1)">private</span> <span style="color: rgba(0, 0, 255, 1)">void</span> Path_MouseLeave(<span style="color: rgba(0, 0, 255, 1)">object</span><span style="color: rgba(0, 0, 0, 1)"> sender, MouseEventArgs e)
{
    popPath.IsOpen </span>= <span style="color: rgba(0, 0, 255, 1)">false</span><span style="color: rgba(0, 0, 0, 1)">;
}</span></pre>
</div>
<p>效果如图<br><img src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvNjA5Njc5LzIwMTgwMy82MDk2NzktMjAxODAzMTkxMDQ1MDIyNzEtMTE1NzYzNDQ4MC5wbmc%3D" alt=""></p>
<h2>五、扩展</h2>
<h3>1、Grid</h3>
<p>这个控件，我一直使用，也习惯了用Grid，但是在做的过程中，确确实实学习到了不少东西，在此感谢羽神（不知道羽神的博客园地址），问题是这样的，就是绘制Path和Textblock的时候，都没有问题，但是绘制Ellipse的时候，却出现问题了，定位的位置不对，严重便宜到右下方，但是也设置了Grid的HorizontalAlignment="Left" VerticalAlignment="Top"，但是都不起作用。</p>
<p><img src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvNjA5Njc5LzIwMTgwMy82MDk2NzktMjAxODAzMTkxMDUwMjk5MjktMzEwODUwNzI5LnBuZw%3D%3D" alt=""></p>
<p> 羽神一语道破，是因为Grid的内部控件，都是默认全部填充的，需要设置控件自身的HorizontalAlignment和VerticalAlignment，当时设置完以后，就搞定了这个问题，感谢羽神的帮助。</p>
<h3>2、Canvas</h3>
<p>群里有人问，为什么不用Canvas而用Grid，我当时确实没有考虑过用Canvas，说白了，我不太习惯除非必要，我个人喜欢用Grid，所以，当时给出的回答是“没想那么多”，但是当做完以后，后来想想，改成Canvas试下效果，但是发现了原因，此处，还真不能用Canvas，需要用Grid，因为我的外层用了Viewbox，因为百度地图上趴下了的数据，Path的路径和定位都特别的大，都是2000多，3000多大的样子，用了Canvas，没法显示下。可能大家不太好理解，我举个例子：外层用Viewbox，窗体的大小是300*300的，Viewbox下我们测试Canvas和Grid，Canvas和Grid下，放置一个3000*3000的Button。</p>
<p><img src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvNjA5Njc5LzIwMTgwMy82MDk2NzktMjAxODAzMTkxMDU3MDYxOTMtMTIxODEyNTEyLnBuZw%3D%3D" alt=""><img src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvNjA5Njc5LzIwMTgwMy82MDk2NzktMjAxODAzMTkxMDU4NTEyNzYtMTQ0MDA2MTk1NC5wbmc%3D" alt=""></p>
<p>上面是Canvas的例子代码和效果，明细可以看到，展示不出来Button，就是最大化也不行，我的电脑屏幕比较小。</p>
<p><img src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvNjA5Njc5LzIwMTgwMy82MDk2NzktMjAxODAzMTkxMTAwNDU2MDQtMTQ5NTkzMDcucG5n" alt=""><img src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXMyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvNjA5Njc5LzIwMTgwMy82MDk2NzktMjAxODAzMTkxMTAxMjI1MzktMTk1MTc5MjM1Mi5wbmc%3D" alt=""></p>
<p>上面是Grid的例子，能够看出，Button是可以显示出来的，填充了整个Viewbox，这和地铁图的原理是一样的。</p>
<p>有人可能会问，Canvas如果不给宽和高呢，如果Canvas不给宽和高，则会在左侧顶点上，你可以试验下，就知道了。</p>
<h2> 六、总结</h2>
<p>这个例子用到的知识点：XML的读取，控件的拖拽缩放，内容不多，但是，与我个人而言，每次做个小Demo都有所收获和成长，因为公司不忙，所以不想手生了，只能没事做个小Demo，补充自己的不足，提高自己，就像做的时候，遇到的两个问题，李伟哥和羽神给了很好的回答，我都学习到了，谢谢。</p>
<p><a href="/default/index/url?u=aHR0cHM6Ly9maWxlcy5jbmJsb2dzLmNvbS9maWxlcy9aWGRldmVsb3Blci9TdWJXYXlEZW1vLnppcA%3D%3D" target="_blank">DEMO</a></p>
<p> </p>
</div>



            </div>
            
        </div>
	    
	    
    </div>
<!--end: topics 文章、评论容器-->
 
                    
            
                <div style="margin-top: 10px;">
                  </div> 
        </section>
	 
        <footer class="post-footer">
            <section class="author">
                                <p>分类：</p> 
                                                                <p>技术点：</p>
                                            </section>
        </footer>
        <p class="mt10">相关文章：</p>
        <div style="width: 100%;" class="contentcard">
      
            <div style="width: 100%;height: auto;" class="carditem litem clearfix"> 
                    <ul style="padding-left: 0rem;" class="cardcont">
                                                    <li>
                                <a  title="北京地铁线路" href='/show-923942.html' target="_blank"></a> 
                                <span>2021-12-04</span>
                            </li>
                                                        <li>
                                <a  title="北京地铁线路规划" href='/show-245276.html' target="_blank"></a> 
                                <span>2021-11-13</span>
                            </li>
                                                        <li>
                                <a  title="北京地铁出行规划" href='/show-245281.html' target="_blank"></a> 
                                <span>2021-09-09</span>
                            </li>
                                                        <li>
                                <a  title="北京地铁线路查询" href='/show-245301.html' target="_blank"></a> 
                                <span>2021-08-28</span>
                            </li>
                                                        <li>
                                <a  title="北京地铁换乘系统" href='/show-690925.html' target="_blank"></a> 
                                <span>2021-11-03</span>
                            </li>
                                                </ul>
               </div>   
         </div>
    </article>

  

</div>

<div class="rigthbox contentcard mt10">
 
          <div style="height: auto;" class="carditem litem">
    <div class="cardtit">猜你喜欢 </div>
        <ul class="cardcont">
                                 <li>
                    <a title="北京地铁线路图" href="/show-245267.html" target="_blank"></a> 
                    <span>2021-11-13</span>
                </li>
                                     <li>
                    <a title="北京地铁路线图" href="/show-245287.html" target="_blank"></a> 
                    <span>2021-08-28</span>
                </li>
                                     <li>
                    <a title="DDCTF 北京地铁" href="/show-245280.html" target="_blank"></a> 
                    <span>2021-11-13</span>
                </li>
                                     <li>
                    <a title="北京地铁规划图 - absolute" href="/show-245289.html" target="_blank"></a> 
                    <span>2021-11-13</span>
                </li>
                                     <li>
                    <a title="北京地铁线路图 - GarfieldEr007" href="/show-690923.html" target="_blank"></a> 
                    <span>2021-11-03</span>
                </li>
                                     <li>
                    <a title="北京地铁换乘" href="/show-441539.html" target="_blank"></a> 
                    <span>2021-10-06</span>
                </li>
                            </ul>
   </div> 

<div style="height: auto;" class="carditem litem">
    <div class="cardtit">相关资源 </div>
        <ul class="cardcont">
              
                                         <li>
                        <a title="html5基于canvas实现的中国地图各省坐标指向北京效果源码下载" href="/down-38895.html" target="_blank">下载</a> 
                        <span>2021-06-07</span>
                    </li>
                                             <li>
                        <a title="asp 北京同志会所图库系统 v1.0下载" href="/down-31443.html" target="_blank">下载</a> 
                        <span>2023-02-23</span>
                    </li>
                                             <li>
                        <a title="dron 简易相册效果源码下载" href="/down-8770.html" target="_blank">下载</a> 
                        <span>2023-01-10</span>
                    </li>
                                             <li>
                        <a title="html5基于canvas实现的简易圆形本地时钟效果源码下载" href="/down-51802.html" target="_blank">下载</a> 
                        <span>2021-06-24</span>
                    </li>
                                </ul>
   </div>
   
    <div style="height: auto;" class="carditem litem">
     <div class="cardtit">相似解决方案 </div>
         <ul class="cardcont">
                          </ul>
    </div>
  
   <div style="height: auto;background-color: #ddd;text-align: center;" class="carditem litem">
    <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5446233687289962" data-ad-slot="2607637140"  data-ad-format="auto"  data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div> 
   <div  style="height: auto;" class="carditem litem mt20">
    <div class="cardtit">热门标签  </div>
    <div class="tagbox">
                    <a target="_blank" title="Java" href="/default/index/tags?cid=164&cname=Java" >Java</a>
                        <a target="_blank" title="Python" href="/default/index/tags?cid=367&cname=Python" >Python</a>
                        <a target="_blank" title="linux" href="/default/index/tags?cid=274&cname=linux" >linux</a>
                        <a target="_blank" title="javascript" href="/default/index/tags?cid=169&cname=javascript" >javascript</a>
                        <a target="_blank" title="Mysql" href="/default/index/tags?cid=237&cname=Mysql" >Mysql</a>
                        <a target="_blank" title="C#" href="/default/index/tags?cid=187&cname=C%23" >C#</a>
                        <a target="_blank" title="Docker" href="/default/index/tags?cid=243&cname=Docker" >Docker</a>
                        <a target="_blank" title="算法" href="/default/index/tags?cid=344&cname=%E7%AE%97%E6%B3%95" >算法</a>
                        <a target="_blank" title="前端" href="/default/index/tags?cid=160&cname=%E5%89%8D%E7%AB%AF" >前端</a>
                        <a target="_blank" title="SpringBoot" href="/default/index/tags?cid=168&cname=SpringBoot" >SpringBoot</a>
                        <a target="_blank" title="Redis" href="/default/index/tags?cid=227&cname=Redis" >Redis</a>
                        <a target="_blank" title="Vue" href="/default/index/tags?cid=236&cname=Vue" >Vue</a>
                        <a target="_blank" title="spring" href="/default/index/tags?cid=696&cname=spring" >spring</a>
                        <a target="_blank" title="设计模式" href="/default/index/tags?cid=632&cname=%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F" >设计模式</a>
                        <a target="_blank" title=".net core" href="/default/index/tags?cid=381&cname=.net+core" >.net core</a>
                        <a target="_blank" title=".net" href="/default/index/tags?cid=300&cname=.net" >.net</a>
                        <a target="_blank" title="kubernetes" href="/default/index/tags?cid=2179&cname=kubernetes" >kubernetes</a>
                        <a target="_blank" title="c++" href="/default/index/tags?cid=312&cname=c%2B%2B" >c++</a>
                        <a target="_blank" title="数据库" href="/default/index/tags?cid=284&cname=%E6%95%B0%E6%8D%AE%E5%BA%93" >数据库</a>
                        <a target="_blank" title="数据结构" href="/default/index/tags?cid=247&cname=%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84" >数据结构</a>
                        <a target="_blank" title="大数据" href="/default/index/tags?cid=888&cname=%E5%A4%A7%E6%95%B0%E6%8D%AE" >大数据</a>
                        <a target="_blank" title="js" href="/default/index/tags?cid=159&cname=js" >js</a>
                        <a target="_blank" title="机器学习" href="/default/index/tags?cid=171&cname=%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0" >机器学习</a>
                        <a target="_blank" title="微服务" href="/default/index/tags?cid=832&cname=%E5%BE%AE%E6%9C%8D%E5%8A%A1" >微服务</a>
                        <a target="_blank" title="Android" href="/default/index/tags?cid=282&cname=Android" >Android</a>
                        <a target="_blank" title="Go" href="/default/index/tags?cid=839&cname=Go" >Go</a>
                        <a target="_blank" title="程序员" href="/default/index/tags?cid=327&cname=%E7%A8%8B%E5%BA%8F%E5%91%98" >程序员</a>
                        <a target="_blank" title="面试" href="/default/index/tags?cid=637&cname=%E9%9D%A2%E8%AF%95" >面试</a>
                        <a target="_blank" title="JVM" href="/default/index/tags?cid=727&cname=JVM" >JVM</a>
                        <a target="_blank" title="ASP.net core" href="/default/index/tags?cid=179&cname=ASP.net+core" >ASP.net core</a>
                        <a target="_blank" title="云原生" href="/default/index/tags?cid=22056&cname=%E4%BA%91%E5%8E%9F%E7%94%9F" >云原生</a>
                        <a target="_blank" title="人工智能" href="/default/index/tags?cid=270&cname=%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD" >人工智能</a>
                        <a target="_blank" title="后端" href="/default/index/tags?cid=1089&cname=%E5%90%8E%E7%AB%AF" >后端</a>
                        <a target="_blank" title="PHP" href="/default/index/tags?cid=281&cname=PHP" >PHP</a>
                        <a target="_blank" title="git" href="/default/index/tags?cid=226&cname=git" >git</a>
                        <a target="_blank" title="CSS" href="/default/index/tags?cid=817&cname=CSS" >CSS</a>
                        <a target="_blank" title="golang" href="/default/index/tags?cid=409&cname=golang" >golang</a>
                        <a target="_blank" title="k8s" href="/default/index/tags?cid=5067&cname=k8s" >k8s</a>
                        <a target="_blank" title="Nginx" href="/default/index/tags?cid=373&cname=Nginx" >Nginx</a>
                        <a target="_blank" title="Django" href="/default/index/tags?cid=634&cname=Django" >Django</a>
                        <a target="_blank" title="mybatis" href="/default/index/tags?cid=720&cname=mybatis" >mybatis</a>
                        <a target="_blank" title="深度学习" href="/default/index/tags?cid=345&cname=%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0" >深度学习</a>
                        <a target="_blank" title="多线程" href="/default/index/tags?cid=986&cname=%E5%A4%9A%E7%BA%BF%E7%A8%8B" >多线程</a>
                        <a target="_blank" title="React" href="/default/index/tags?cid=560&cname=React" >React</a>
                        <a target="_blank" title="架构" href="/default/index/tags?cid=2070&cname=%E6%9E%B6%E6%9E%84" >架构</a>
                        <a target="_blank" title="devops" href="/default/index/tags?cid=2662&cname=devops" >devops</a>
                        <a target="_blank" title="爬虫" href="/default/index/tags?cid=905&cname=%E7%88%AC%E8%99%AB" >爬虫</a>
                        <a target="_blank" title="云计算" href="/default/index/tags?cid=361&cname=%E4%BA%91%E8%AE%A1%E7%AE%97" >云计算</a>
                        <a target="_blank" title="Spring Boot" href="/default/index/tags?cid=201&cname=Spring+Boot" >Spring Boot</a>
                        <a target="_blank" title="LeetCode" href="/default/index/tags?cid=342&cname=LeetCode" >LeetCode</a>
                </div>
       
   </div>
   
        <div id="rightadbox" style="height: 300px;background-color: #ddd;text-align: center;" class="carditem litem">
            <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5446233687289962" data-ad-slot="2607637140"  data-ad-format="auto"  data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
        </div> 
</div>
<div class="clearfix"></div>
</main>
    
<div class="yllinks alink"></div>
 

<footer class="site-footer clearfix">
<section class="copyright">By &copy; 2026 <a href="/" title="www.likecs.com">likecs</a> 版权所有,<br/>本站所有数据收集于网络如有侵犯到您的权益请联系 进行下架处理1。 </section>
<section class="poweredby">  <a target="_blank" href="https://beian.miit.gov.cn/">粤ICP备22038628号</a>Powered By  WordPress </section>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id: "Je3PjbvUssp6BbvY",ck: "Je3PjbvUssp6BbvY"})</script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?2eb031e42d29b7c1a1f16948d2ae2a9f";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</footer>  
</div>
<script>
    $(function(){
                    $(".post-content").append('<p style="padding: 20px;color: #cacaca;">原文链接：https://www.cnblogs.com/ZXdeveloper/p/8600785.html</p>')  
            }) 
</script> 
</body>
</html>