如何为Twitter创建矢量drawable?

时间:2015-10-21 03:48:12

标签: android drawable vector-graphics

我喜欢可以与最新版本的gradle(1.5.0)一起使用的Vector Drawable资源。

新手怎么会为Twitter鸟创建一个可绘制的矢量? https://about.twitter.com/company/brand-assets

1 个答案:

答案 0 :(得分:2)

就个人而言,拥有一个示例资产(比如在品牌资产页面上)我使用Inkscape。最常见的步骤是:

  1. 将示例资产导入Inkscape(在单独的图层上),
  2. 在放置在后面图层上的图像顶部创建路径
  3. 将工作保存为* .svg文件,
  4. 将* .svg转换为vector drawable(使用Android Studio或任何可在网络中轻松找到的工具)。
  5. 另一方面,我非常喜欢手工玩path data。使用创建的图标创建和维护git存储库是值得的。

    示例图标:

    enter image description here

    Vector drawable source:

    let urlPiece = new Subject();
    let dataPiece$:Observable<DataPiece>;
    
    loadNextPiece(pieceUrl)
    {
       urlPiece.next(pieceUrl);
    }
    
    dataPiece$ = urlPiece.asObservable()
                 .switchMap(urlPiece => http.load(this.url + pieceUrl))
                     .map((response) => {
                         // parse response or just return it
                         return response;
                     })
                     .catch(error => {
                        // handle error
                     });
    
    
    let subscription = dataPiece$.subscribe( (response) => {
        //do something with response
    })