一个酷炫的礼物卡片控件android

作者: ldoublem | 来源:发表于2016-07-15 15:36 被阅读1781次

    灵感来自dribbble
    代码下载
    效果如下:

    shot.gif shot1.png
    shot2.png

    核心代码主要是打包礼物按钮的动画,分解下有三步
    1,背景有四个三角形将按钮不同方向围住
    2,丝带不同方向连接到一起
    3,蝴蝶结显示,中间小圆有小变大
    具体的代码就不贴了,可以下载源码看下
    代码下载
    使用方式

    compile 'com.ldoublem.GiftCard:giftcardlib:0.3'
    
    
    
     <com.ldoblem.giftcardlib.GiftCardView
                    android:layout_width="300dp"
                    android:layout_height="200dp"
                    card:bgStartColor="#11cd6e"
                    card:buyButtonColor="#11cd6e"
                    card:cardBgColor="#33475f"
                    card:buttonByText="购买"
                    card:cardGiftTitle="礼物卡"
                    card:cardGiftLogo="@mipmap/ic_launcher"
                    card:buttonCheckText="确定"
                    card:checkButtonColor="#2c2c2c"
                    card:bgPackColor="#56abe4"
                    card:priceTextColor="#fff"/>
    
      mGiftCardView = (GiftCardView) findViewById(R.id.gc_shop);
            mGiftCardView.setMTitle("苹果礼券");
            mGiftCardView.setMPrice(188);
            mGiftCardView.setButtonBuyText("买");
            mGiftCardView.setButtonCheckText("确定");
            mGiftCardView.setCardTip("请检查你的购物单");
            mGiftCardView.setCardBgColor(Color.BLACK);
            mGiftCardView.setGiftLogo(R.mipmap.ic_launcher);
            mGiftCardView.setBgStartColor(Color.BLACK);
            mGiftCardView.setBgEndColor(Color.BLACK);
            mGiftCardView.setBuyButtonColor(Color.BLACK);
            mGiftCardView.setCheckButtonColor(Color.BLACK);
            mGiftCardView.setPriceTextColor(Color.BLACK);
            mGiftCardView.setBgPackBgColor(Color.BLACK);
            mGiftCardView.setOnCheckOut(new GiftCardView.Buyer("陆先生", "中国浙江省",
                            "杭州市,西湖区,南山路100号", "有效期:3天"),
                    new GiftCardView.OnCheckOut() {
                        @Override
                        public void Ok(int vid) {
    
                        }
                    });
    

    代码下载
    如果觉得还不错,就在github给我颗星星吧^^

    相关文章

      网友评论

      本文标题:一个酷炫的礼物卡片控件android

      本文链接:https://www.haomeiwen.com/subject/aupyjttx.html