V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
sd4399340
V2EX  ›  分享创造

开了个大坑。。。一个新的Twitter客户端——Trister

  •  
  •   sd4399340 ·
    PinkyJie · 2013-07-03 17:35:32 +08:00 · 4426 次点击
    这是一个创建于 4145 天前的主题,其中的信息可能已经有所发展或是发生改变。
    去年就开的坑,差不多一年没弄过了,最近又拾起来了~

    前台Sencha Touch,后台Flask

    配色什么的可以忽略,有点太杂,还没时间细调

    目前就是一些简单的功能实现:

    不同的Tab看Timeline,Mention,DM
    双击加收藏或删收藏
    slide滑动tweet,仿官方twitter的上下文菜单,进行回复、RT等操作
    仿官方的dm conversion

    Homeline的设计借鉴了path的感觉,用小图标标示这条tweet的类型
    目前就支持街旁、foursquare、instagram几个
    然后如果是reply的tweet,点击对话那个icon可以显示threads


    项目地址: https://github.com/pinkyjie/trister

    Demo地址: https://trister.aws.af.cm
    第 1 条附言  ·  2013-07-09 22:11:12 +08:00
    ========== 2013.7.9 分割线 =========

    修了一些bug,加了查看list的功能,基本常用的功能算是全了,上一些图吧~

    Login 页面,直接输入twitter账号密码登陆,可能有人担心安全问题,其实是后台直接帮你完成OAuth认证了,详细的过程可以看twitter_oauth.py的代码~

    " target="_blank">" class="imgly" style="max-width: 660px;" border="0" />

    登入后就进入Timeline页面,显示你的时间线

    " target="_blank">" class="imgly" style="max-width: 660px;" border="0" />

    头像旁边的小图标代表这条tweet的类型,比如蓝色代表普通的tweet,还有foursquare、Instagram等等,如果是retweet的话,这里显示的retweet的人的头像,如果是回复的tweet会显示一个对话图标,点击显示thread~









    单条tweet的操作通过slide来实现,左滑右滑都可以,比如回复、RT,官方RT,删除一类的功能,仿官方客户端的功能,双击还可以加收藏哦,不过目前还没有做单独看收藏的页面~



    接下来DM页面,也是仿官方的,对话模式~删除DM的功能还没做啦~





    接下来是List功能,查看你创建的、订阅的、包含你的List,点进去看List的Timeline~





    然后每页右上角的compose按钮可以发推或发DM,跟页面有关,发DM的时候会让你先搜人~







    最后,大部分的页面都是支持下拉更新和无限加载的,这都是sencha官方的插件实现的,很方便~






    有兴趣的同学们可以试试,自己搭也可以的,多提提意见~
    17 条回复    1970-01-01 08:00:00 +08:00
    VeryCB
        1
    VeryCB  
       2013-07-03 17:37:12 +08:00
    赞!来支持一下~
    另外名字是合体哦~嘿嘿
    chouj
        2
    chouj  
       2013-07-03 17:49:18 +08:00
    滚轮无效,貌似是触屏端适用的?
    sd4399340
        3
    sd4399340  
    OP
       2013-07-03 17:53:20 +08:00
    @VeryCB 锤子说她要负责UI设计~
    sd4399340
        4
    sd4399340  
    OP
       2013-07-03 17:54:52 +08:00
    @chouj sencha touch本来就是给手机设计的,所以需要拖拽鼠标上下滑。。。
    niko
        5
    niko  
       2013-07-03 19:11:38 +08:00
    非常赞
    sd4399340
        6
    sd4399340  
    OP
       2013-07-03 19:44:04 +08:00 via iPhone
    @niko 谢谢啦~多提意见~
    trista099
        7
    trista099  
       2013-07-03 22:59:04 +08:00
    棒!
    sd4399340
        8
    sd4399340  
    OP
       2013-07-03 23:30:07 +08:00
    @trista099 老婆你也可棒~
    Erbied
        9
    Erbied  
       2013-07-04 17:33:06 +08:00
    不支持api么..
    sd4399340
        10
    sd4399340  
    OP
       2013-07-04 18:35:06 +08:00
    @Erbied 这块没做,必须架在墙外的服务器上
    sd4399340
        11
    sd4399340  
    OP
       2013-07-09 22:16:49 +08:00
    貌似贴图有bug? @Livid

    补一张Timeline的图

    outmanone
        12
    outmanone  
       2013-07-09 22:28:21 +08:00
    做的不错。只是那个链接的样式是不是可以调整一下。有点不好看。
    sd4399340
        13
    sd4399340  
    OP
       2013-07-09 22:30:26 +08:00
    @outmanone 配色神马的还要慢慢调,我也不懂这个。。。有啥推荐的配色方案没?
    outmanone
        14
    outmanone  
       2013-07-09 22:35:07 +08:00
    @sd4399340 不知道你是否知道这个网站: http://www.bootcss.com/ ,就是国内对bootstrap的扩展和翻译大搜集。你看看里面有没有你想要的,或者是否能给你点灵感。
    sd4399340
        15
    sd4399340  
    OP
       2013-07-09 22:43:49 +08:00
    @outmanone 这网站不错,东西挺多的~有空研究研究~
    wjchen
        16
    wjchen  
       2013-07-11 14:50:06 +08:00
    无法鼠标滚轮操作,没有logout。
    sd4399340
        17
    sd4399340  
    OP
       2013-07-11 15:09:22 +08:00
    @wjchen 没logout确实是个问题,后续要加,滚轮嘛这个就不好破了,因为sencha touch这框架本来就是mobile的。。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5375 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 07:13 · PVG 15:13 · LAX 23:13 · JFK 02:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.