突破思维的极限,超越 APP 的体验!我是小程序,今天,我要打十个! - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
BruceWolf
V2EX    分享创造

突破思维的极限,超越 APP 的体验!我是小程序,今天,我要打十个!

  •  
  •   BruceWolf 2020-04-29 14:03:14 +08:00 4724 次点击
    这是一个创建于 1991 天前的主题,其中的信息可能已经有所发展或是发生改变。

    性能上,传统印象里小程序就是个阉割版的 HTML5,性能低下、UI 奇卡无比。但是我的这款小程序地图极度清晰、操作丝般顺滑,交互的过场动画也给足! x1

    功能上,能做到所有把以下地铁图展示、站点查询、线路查询展示、线路详情描述等等功能都集中在一个固定界面的地铁 app 都风毛菱角 (不确定有,但是不敢把话说死但是我的这款小程序做到了! x2

    设计上轻喷 (满满的求生欲,我暂时还是一个努力让大家不觉得辣眼睛程序员,,万一觉得 UI 还过得去,记得给女朋友看看啊 (我要 @ 某人了,,捂脸


    上面说的就不重复说了,体验几秒钟就知道说的啥意思。稍微介绍一下新用户可能体验不到的细节,一键切换现代风格 /暗黑风格的地图

    switch mode

    注意看细节,这是飞行模式!当然,“快”是另外一个细节~

    以上动画是有损压缩过的,来两张实际效果截图:

    现代风格: modern mode

    暗黑风格: dark mode

    有技术的硬推广就是这么强势,不服来试试?使用以下小程序码或者在微信小程序里直接搜 CityOnRail 即刻体验

    CityOnRail 小程序码


    牛也吹了,X 也装了,,一个人折腾的全流程 (包括画地图,坑比细节多,大家觉得有什么不爽 /不对的地方还请不吝指出,感谢!感谢!感谢!(重要的事情说三遍

    第 1 条附言    2020-04-29 16:23:56 +08:00

    在几个群里分享了一下,发现很多人都不知道选择站点是直接点击地图?

    在地图上点击线路上的点或者站点名称的,弹出站点信息的卡片就可以设置起点和终点了,另外搜索站点后选择具体站点也能弹出站点信息卡片。

    23 条回复    2020-05-07 17:56:55 +08:00
    BruceWolf
        1
    BruceWolf  
    OP
       2020-04-29 14:05:22 +08:00
    不知道怎么在文章里 @ 人,回复里操作吧,@qiuyk 帮我看看效果怎么样~
    acthtml
        2
    acthtml  
       2020-04-29 14:10:32 +08:00
    你为何会说“小程序是阉割版的 html5,性能低下,ui 奇卡无比”,年轻人讲话要负责啊。

    另外动手实践还是要支持下的。
    murmur
        3
    murmur  
       2020-04-29 14:17:06 +08:00   2
    @acthtml
    html5 程序性能低是 flutter 和 react native 当时推广时用的话术,所以后两句没错
    第一句是因为腾讯明明用了 webview,但是自创了一套乱七八糟的东西,屏蔽了原生 api,所以也没错
    Cmdhelp
        4
    Cmdhelp  
       2020-04-29 16:32:45 +08:00
    。。。高德地图 输入目的地,各种交通方式详情都出来了,但是我一般只能选公交这种方式,,,,,,,
    BruceWolf
        5
    BruceWolf  
    OP
       2020-04-29 17:35:39 +08:00
    @Cmdhelp 每个人的偏好不一样,比如想到高德的时候并没想到百度,或者确实思考了但是最后没提百度。

    所以当有人喜欢用专门查地铁的小工具时,不要惊讶为什么别人和“我”不一样,虽然确实是小众。不如换个角度,不着眼于自己怎么想,而是试着去想“这帮人到底在想什么,我怎么才能让他们爽”
    Cmdhelp
        6
    Cmdhelp  
       2020-04-29 17:42:00 +08:00
    不过 你的只显示地铁 很清爽,用高德得话,看地铁线路没你这个方便 (个人习惯用高德了,哈哈
    yafoo
        7
    yafoo  
       2020-04-29 17:46:12 +08:00 via Android
    为什么小程序的名字用英文?
    BruceWolf
        8
    BruceWolf  
    OP
       2020-04-29 17:55:20 +08:00
    @Cmdhelp 这个世界很神奇,总有想不到的玩意,哈哈哈哈~

    @yafoo 这是个错误,可能是因为这个名字很多年前就想好了吧,,真的很多年前,快十年了吧。
    做这个小程序也算是圆当年一个梦,当时觉得市面上(只有 app 的时候)的技术方案都不好,随着地铁建设,地铁图逐渐变大会产生很大的性能问题。所以一直想实现一下自己的想法,没想到自己没做成 app 倒是做了个小程序。不过我这个小程序比 app 好使~
    ZG333
        9
    ZG333  
       2020-04-29 19:11:22 +08:00 via Android
    为什么我进所有的帖子都会显示图片加载失败?
    Exia
        10
    Exia  
       2020-04-29 21:43:49 +08:00
    赞,希望楼主能分享一下这图怎么画出来的
    BruceWolf
        11
    BruceWolf  
    OP
       2020-04-29 22:55:18 +08:00
    @ZG333 你用代理了吧,,

    @Exia 暂时保密,望理解~
    wangpao
        12
    wangpao  
       2020-04-30 08:28:03 +08:00
    @Exia 用设计软件很好画啊,试试 figma
    ZG333
        13
    ZG333  
       2020-04-30 09:29:18 +08:00 via Android
    @BruceWolf 没有用代理 现在又好了
    Exia
        14
    Exia  
       2020-04-30 09:33:33 +08:00
    @BruceWolf 理解,期待以后分享~
    @wangpao (⊙o⊙)… 其实我是想了解前端各个节点的事件在画布上如何画出来,figma 等设计工具倒都不怎么使用过,以后了解一下,谢谢分享。
    2379920898
        15
    2379920898  
       2020-04-30 10:55:02 +08:00
    没理解干啥用的
    BruceWolf
        16
    BruceWolf  
    OP
       2020-04-30 12:44:18 +08:00
    @Exia 绑定点击事件是通过区域判断的,即点击的坐标是否在某个矩形范围内,和绘图方法没关系,纯技术方案:)
    richardsonchen
        17
    richardsonchen  
       2020-04-30 13:59:48 +08:00
    反馈:
    功能上确实新用户没有体验到你说的那些功能,只体验到点击箭头定位离我最近的地铁站、搜索站点名;
    左下角箭头按钮和右下角放大缩小按钮,显示不全,部分图案在屏幕外(设备:荣耀 9x);
    帖子动图这个怎么调出来... /(ㄒoㄒ)/~~
    BruceWolf
        18
    BruceWolf  
    OP
       2020-04-30 14:29:55 +08:00
    @richardsonchen 地铁图展示你已经看到了,主界面就是地图,高清 + 无级缩放。站点查询,你也体验到了。线路查询展示、线路详情描你设置好起点终点就看到了。贴子那个切换地图风格,就是到设置(城市界面点底部卡片头右边的蓝色齿轮进入),第一行的按钮就是切换地图风格。

    测试范围目前确实是个 bug,手上的 Android 设备有限,不能复现这个问题。能不能到小程序后台发微信号我,我加你给你,了解一下 bug 细节。
    yuankui
        19
    yuankui  
       2020-04-30 17:56:50 +08:00
    牛逼啊,支持楼主
    Exia
        20
    Exia  
       2020-05-03 17:27:26 +08:00
    @BruceWolf 赞,前天将帖主的小程序分享了同伴,互相研究了一下,也是猜想了这个方案呢,谢谢回答。
    yuyueMJ
        21
    yuyueMJ  
       2020-05-06 19:21:41 +08:00   1
    挺好的,已添加,希望楼主坚持做下去,别等过段时间打开就是无法使用了。
    看到济南就只有 H 得了两个竖线,我都要哭出来了
    sheny
        22
    sheny  
       2020-05-07 11:28:20 +08:00
    性能不谈,其他高德地图 API 都有接口实现。
    BruceWolf
        23
    BruceWolf  
    OP
       2020-05-07 17:56:55 +08:00
    @yuyueMJ 谢谢支持~

    @sheny 那个接口不够用,所以我是自己单独维护的整套数据。再有就是光有数据没有意义,让数据可用才有意义。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5489 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 36ms UTC 08:31 PVG 16:31 LAX 01:31 JFK 04:31
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86