1. 程式人生 > >Android 仿映客直播間給主播發送禮物(實現連擊效果)

Android 仿映客直播間給主播發送禮物(實現連擊效果)

QQ交流群:611902811
首先先上圖
image

個人建議使用Gift1Activity專案中的庫,Gift2Activity專案中的庫後面不怎麼維護了

1:到GitHub 把專案clone到本地。

2: 把giftlibrary庫依賴到你的專案中去

3:在你要顯示的xml檔案中新增展示禮物和禮物面板的地方 以專案中的activity_gift1.xml為例

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" android:layout_height="match_parent">
<ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="centerCrop" android:src="@mipmap/ic_bg" /> <LinearLayout android:layout_width
="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="100dp" android:orientation="vertical">
<org.dync.giftlibrary.widget.GiftFrameLayout android:id="@+id/gift_layout1" android:layout_width="wrap_content" android:layout_height
="wrap_content"/>
<org.dync.giftlibrary.widget.GiftFrameLayout android:id="@+id/gift_layout2" android:layout_width="wrap_content" android:layout_height="wrap_content"/> </LinearLayout> <Button android:id="@+id/action" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_marginTop="20dp" android:text="禮物面板顯示/隱藏" /> <LinearLayout android:id="@+id/bottom" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:orientation="vertical"> <include layout="@layout/chat_tool_box" /> </LinearLayout> </RelativeLayout>

上面的GiftFrameLayout是展示禮物的控制元件,我這裡僅展示兩條,你可以新增多個禮物同時展示。同時禮物面板可以使用DialogFragment來替代我這裡。

4:在activity中找到控制元件後就可以初始化禮物模組了。

a.禮物面板

程式碼如下:
這裡如果想使用本地的禮物圖片直接使用
giftPanelControl.init(null);//這裡如果為null則載入本地禮物圖片

 GiftPanelControl giftPanelControl = new GiftPanelControl(this, mViewpager, mRecyclerView, mDotsLayout);
        giftPanelControl.init(giftModels);//這裡如果為null則載入本地禮物圖片
        giftPanelControl.setGiftListener(new GiftPanelControl.GiftListener() {
            @Override
            public void getGiftInfo(String giftPic, String giftName, String giftPrice) {
                mGifturl = giftPic;
                mGiftName = giftName;
                mGiftPrice = giftPrice;
            }
        });

這裡的giftPic引數我傳的是資原始檔中圖片的名稱,你也可以傳的是圖片的id。

b.展示禮物

這裡的setGiftLayout(false, giftLayoutList)方法,引數一:是否開啟上面的禮物軌道消失後下面的禮物軌道會移上去模式,true是開啟,false是關閉;
引數二:禮物軌道的數量。
setCustormAnim(new CustormAnim())方法,對禮物的動畫可以進行擴充套件,可以在不修改原始碼的情況下定製屬於你的效果。

        giftControl = new GiftControl();
        SparseArray<GiftFrameLayout> giftLayoutList = new SparseArray<>();
        giftLayoutList.append(0, giftFrameLayout1);
        giftLayoutList.append(1, giftFrameLayout2);
        giftControl.setGiftLayout(false, giftLayoutList)
                .setCustormAnim(new CustormAnim());//這裡可以自定義禮物動畫

c.顯示禮物數量的面板

tvGiftNum.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(final View v) {
                showGiftDialog();
            }
        });

d.禮物面板中傳送按鈕傳送禮物的操作

如果你想要從某個禮物數開始連擊,你可以在giftControl.loadGift(giftModel);前建立的GiftModel設定setCurrentStart(true)和setHitCombo(giftnum),
這樣就可以實現了。
溫馨提示:這裡的setCurrentStart()方法必須設定為true,setHitCombo()方法才能生效哦。

btnGift.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (TextUtils.isEmpty(giftstr)) {
                    Toast.makeText(getApplication(), "你還沒選擇禮物呢", Toast.LENGTH_SHORT).show();
                } else {
                    String numStr = tvGiftNum.getText().toString();
                    if (!TextUtils.isEmpty(numStr)) {
                        int giftnum = Integer.parseInt(numStr);
                        if (giftnum == 0) {
                            return;
                        } else {
                            giftControl.loadGift(new GiftModel(giftstr, "安卓機器人", giftnum, "http://www.baidu.com", "123", "Lee123", "http://www.baidu.com"));
                        }
                    }
                }
            }
        });

e.簡單的操作了橫豎屏顯示不同的面板

findViewById(R.id.action).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (giftLayout.getVisibility() == View.VISIBLE) {
                    giftLayout.setVisibility(View.GONE);
                } else {
                    giftLayout.setVisibility(View.VISIBLE);
                }
            }
        });

最後如果對你有用,請動動你的滑鼠給個start或者fork吧,不勝感激