简介

年关将至，给大家拜个早年，祝大家鸡年大吉吧 ~ 哈哈 有污的同学面壁去吧！闲话不多说，今天实现的效果是直播的时候浮层View，不知道直播的sdk是不是都提供UI这方面的东西。先看一张效果图：

实现效果图

主要实现效果：

(当然直播的时候视频是主要的，这里不关心视频，重点是View，这里只是随意播放了一个视频。)

首先是顶部横线滑动的ListView显示房间的成员；

ListView 自动滚动到底部；

自定义实现刷礼物的View，过段时间自动消失；

送礼物的时候弹出礼物的DialogFragment+ViewPager+GridView;

点击评论的时候监听弹出键盘的事件；

直播底部显示送心的特效(这里用了第三方的 tyrant:heartlayout)；

VedioView播放视频；

实现过程

首先需要清楚视频是出于最底部的，在视频上面浮着View，这里我用了ViewPager来实现右滑”隐藏“View，其实是切换。

很简单布局：

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@drawable/wether_bg"

android:orientation="vertical">

android:id="@+id/video"

android:layout_width="match_parent"

android:layout_height="match_parent" />

android:id="@+id/view_pager"

android:background="@null"

android:layout_width="match_parent"

android:layout_height="match_parent">

接下来实现2个Fragment，一个是空白的Fragment(NoFragment )，一个是带有各种特效的Fragment(ChatFragment )，再填充到ViewPager里面去，当然这里还需要去实现视频的播放，很简单的VedioView，这里就不再多说~

//从Raw资源文件读取视频

final String uri = ("android.resource://" + this.getPackageName() + "/raw/vedio");

videoView.setVideoURI(Uri.parse(uri));

videoView.start();

//视频可以循环播放

videoView.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {

@Override

public void onCompletion(MediaPlayer mp) {

videoView.setVideoURI(Uri.parse(uri));

videoView.start();

}

});

接下来看主要的ChatFragment ：

package cm.wzh.live.ui;

import android.content.Context;

import android.graphics.Color;

import android.net.Uri;

import android.os.Bundle;

import android.os.Handler;

import android.support.annotation.Nullable;

import android.support.v4.app.Fragment;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.view.inputmethod.InputMethodManager;

import android.widget.AdapterView;

import android.widget.EditText;

import android.widget.ListView;

import android.widget.VideoView;

import java.util.ArrayList;

import java.util.Random;

import java.util.Timer;

import cm.wzh.live.R;

import cm.wzh.live.adapter.MemberAdapter;

import cm.wzh.live.adapter.MessageAdapter;

import cm.wzh.live.entity.Gift;

import cm.wzh.live.entity.Member;

import cm.wzh.live.entity.Message;

import cm.wzh.live.utils.CharUtils;

import cm.wzh.live.view.FragmentDialog;

import cm.wzh.live.view.FragmentGiftDialog;

import cm.wzh.live.view.GiftItemView;

import cm.wzh.live.view.HorizontialListView;

import cm.wzh.live.view.MyVideoView;

import tyrantgit.widget.HeartLayout;

/**

* author：Administrator on 2016/12/26 09:35

* description:文件说明

* version:版本

*/

public class ChatFragment extends Fragment implements View.OnClickListener, View.OnLayoutChangeListener {

private HorizontialListView listview ;

private ListView messageList ;

private GiftItemView giftView ;

private MemberAdapter mAdapter ;

private MessageAdapter messageAdapter ;

private ArrayList members ;

private ArrayList messages ;

private ArrayList gifts ;

private HeartLayout heartLayout ;

private Random mRandom ;

private Timer mTimer = new Timer();

private View sendView,menuView ,topView;

private EditText sendEditText ;

//屏幕高度

private int screenHeight = 0;

//软件盘弹起后所占高度阀值

private int keyHeight = 0;

private View rootView ;

@Nullable

@Override

public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

super.onCreateView(inflater, container, savedInstanceState);

View view = LayoutInflater.from(getActivity()).inflate(R.layout.fragment_chat,null,false);

initView(view);

initData();

return view;

}

private void initView(View view) {

mRandom = new Random();

listview = (HorizontialListView) view.findViewById(R.id.list);

mAdapter = new MemberAdapter(getActivity());

listview.setAdapter(mAdapter);

listview.setOnItemClickListener(new AdapterView.OnItemClickListener() {

@Override

public void onItemClick(AdapterView> adapterView, View view, int i, long l) {

showDialog(mAdapter.datas.get(i));

}

});

messageList = (ListView) view.findViewById(R.id.list_message);

messageAdapter = new MessageAdapter(getActivity());

messageList.setAdapter(messageAdapter);

giftView = (GiftItemView) view.findViewById(R.id.gift_item_first);

heartLayout = (HeartLayout)view.findViewById(R.id.heart_layout);

handler.postDelayed(runnable, 2000);//每5秒执行一次runnable.

view.findViewById(R.id.send_message).setOnClickListener(this);

view.findViewById(R.id.gift).setOnClickListener(this);

sendView = view.findViewById(R.id.layout_send_message);

menuView = view.findViewById(R.id.layout_bottom_menu);

topView = view.findViewById(R.id.layout_top);

sendEditText = (EditText) view.findViewById(R.id.send_edit);

//获取屏幕高度

screenHeight = getActivity().getWindowManager().getDefaultDisplay().getHeight();

//阀值设置为屏幕高度的1/3

keyHeight = screenHeight/3;

rootView = view.findViewById(R.id.activity_main);

rootView.addOnLayoutChangeListener(this);

}

private void showDialog(Member m) {

FragmentDialog.newInstance(m.name, m.sig, "确定", "取消",-1,false, new FragmentDialog.OnClickBottomListener() {

@Override

public void onPositiveClick() {

}

@Override

public void onNegtiveClick() {

}

}).show(getChildFragmentManager(),"dialog");

}

Handler handler=new Handler();

Runnable runnable=new Runnable() {

@Override

public void run() {

if (messages!=null){

Message m = new Message();

m.img = "http://v1.qzone.cc/avatar/201503/06/18/27/54f981200879b698.jpg%21200x200.jpg" ;

m.name=CharUtils.getRandomString(8) ;

m.level = (int)(Math.random()*100+1) ;

m.message= CharUtils.getRandomString(20);

messages.add(m);

messageAdapter.notifyDataSetChanged();

messageList.setSelection(messageAdapter.getCount()-1);

}

handler.postDelayed(this, 1000);

}

};

Handler heartHandler=new Handler();

Runnable heartRunnable=new Runnable() {

@Override

public void run() {

heartLayout.post(new Runnable() {

@Override

public void run() {

heartLayout.addHeart(randomColor());

}

});

heartHandler.postDelayed(this, 1000);

}

};

@Override

public void onPause() {

super.onPause();

heartHandler.removeCallbacks(heartRunnable);

}

@Override

public void onResume() {

super.onResume();

heartHandler.postDelayed(heartRunnable, 2000);

}

private int randomColor() {

return Color.rgb(mRandom.nextInt(255), mRandom.nextInt(255), mRandom.nextInt(255));

}

/**

* 添加一些数据

*/

private void initData() {

members = new ArrayList<>();

for (int i=0;i<18;i++){

Member m = new Member();

m.img = "http://www.ld12.com/upimg358/allimg/c150808/143Y5Q9254240-11513_lit.png" ;

m.name="Baby" ;

m.sig = "这个家伙很懒，什么都没留下！";

members.add(m);

}

mAdapter.setDatas(members);

messages = new ArrayList<>();

for (int i=0;i<18;i++){

Message m = new Message();

m.img = "http://www.ld12.com/upimg358/allimg/c150808/143Y5Q9254240-11513_lit.png" ;

m.name="Baby" ;

m.level = i ;

m.message="掘金是中国质量最高的技术分享社区,邀请稀土用户作为 Co-Editor 来分享优质的技术干货" ;

messages.add(m);

}

messageAdapter.setDatas(messages);

gifts = new ArrayList<>();

}

@Override

public void onDestroy() {

super.onDestroy();

mTimer.cancel();

handler.removeCallbacks(runnable);

}

@Override

public void onClick(View v) {

int id = v.getId() ;

if (id==R.id.send_message){

sendView.setVisibility(View.VISIBLE);

menuView.setVisibility(View.GONE);

topView.setVisibility(View.GONE);

sendEditText.requestFocus();

InputMethodManager inputManager =

(InputMethodManager)sendEditText.getContext().getSystemService(Context.INPUT_METHOD_SERVICE);

inputManager.showSoftInput(sendEditText, 0);

}else if (id==R.id.gift){

FragmentGiftDialog.newInstance().setOnGridViewClickListener(new FragmentGiftDialog.OnGridViewClickListener() {

@Override

public void click(Gift gift) {

gift.name="文人骚客";

gift.giftName = "送你一个小礼物" ;

if (!gifts.contains(gift)){

gifts.add(gift);

giftView.setGift(gift);

}

giftView.addNum(1);

}

}).show(getChildFragmentManager(),"dialog");

}

}

@Override

public void onLayoutChange(View v, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) {

//现在认为只要控件将Activity向上推的高度超过了1/3屏幕高，就认为软键盘弹起

if(oldBottom != 0 && bottom != 0 &&(oldBottom - bottom > keyHeight)){

sendView.setVisibility(View.VISIBLE);

menuView.setVisibility(View.GONE);

topView.setVisibility(View.GONE);

// Toast.makeText(MainActivity.getActivity(), "监听到软键盘弹起...", Toast.LENGTH_SHORT).show();

}else if(oldBottom != 0 && bottom != 0 &&(bottom - oldBottom > keyHeight)){

sendView.setVisibility(View.GONE);

menuView.setVisibility(View.VISIBLE);

topView.setVisibility(View.VISIBLE);

// Toast.makeText(MainActivity.getActivity(), "监听到软件盘关闭...", Toast.LENGTH_SHORT).show();

}

}

}

这里可以看到，已经把刷礼物的View封装成了 GiftItemView 。

package cm.wzh.live.view;

import android.animation.Animator;

import android.animation.AnimatorListenerAdapter;

import android.animation.AnimatorSet;

import android.animation.ObjectAnimator;

import android.content.Context;

import android.os.Handler;

import android.text.TextUtils;

import android.util.AttributeSet;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.view.animation.LinearInterpolator;

import android.widget.ImageView;

import android.widget.LinearLayout;

import android.widget.TextView;

import com.bumptech.glide.Glide;

import java.util.ArrayList;

import cm.wzh.live.R;

import cm.wzh.live.entity.Gift;

/**

* author：Administrator on 2016/12/27 09:34

* description:文件说明

* version:版本

*/

public class GiftItemView extends LinearLayout {

private ImageView avatar ;

private TextView name ;

private TextView giftName ;

private TextView giftNumTv ;

private ImageView giftIv ;

private Gift gift ;

private int giftNum = 1 ;

private boolean isShow = false ;

public GiftItemView(Context context) {

this(context,null);

}

public GiftItemView(Context context, AttributeSet attrs) {

this(context, attrs,0);

}

public GiftItemView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

init();

}

private void init() {

setOrientation(VERTICAL);

setVisibility(INVISIBLE);

LayoutParams lp = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);

setLayoutParams(lp);

View convertView = LayoutInflater.from(getContext()).inflate(R.layout.item_gift_message,null,false);

avatar = (ImageView) convertView.findViewById(R.id.avatar);

giftIv = (ImageView) convertView.findViewById(R.id.gift_type);

name = (TextView) convertView.findViewById(R.id.name);

giftName = (TextView) convertView.findViewById(R.id.gift_name);

giftNumTv = (TextView) convertView.findViewById(R.id.gift_num);

addView(convertView);

}

public void setGift(Gift gift) {

this.gift = gift;

refreshView();

}

/**

* 设置礼物数量放大和复原的View

* @param view

* @param duration

*/

public void scaleView(View view,long duration){

AnimatorSet animatorSet = new AnimatorSet();//组合动画

ObjectAnimator scaleX = ObjectAnimator.ofFloat(view, "scaleX", 2f, 1f);

ObjectAnimator scaleY = ObjectAnimator.ofFloat(view, "scaleY", 2f, 1f);

animatorSet.setDuration(duration);

animatorSet.setInterpolator(new LinearInterpolator());

animatorSet.play(scaleY).with(scaleX);//两个动画同时开始

animatorSet.start();

animatorSet.addListener(new AnimatorListenerAdapter() {

@Override

public void onAnimationEnd(Animator animation) {

super.onAnimationEnd(animation);

if (onAnimatorListener!=null){

onAnimatorListener.onAnimationEnd(gift);

}

}

@Override

public void onAnimationStart(Animator animation) {

super.onAnimationStart(animation);

if (onAnimatorListener!=null){

onAnimatorListener.onAnimationStart(animation);

}

}

});

}

/**

* 刷新view

*/

public void refreshView(){

if (gift==null){

return;

}

giftNum = gift.num ;

if (!TextUtils.isEmpty(gift.img)){

Glide.with(getContext()).load(gift.img).placeholder(R.drawable.default_head).into(avatar);

}else {

avatar.setImageResource(R.drawable.default_head);

}

name.setText(gift.name);

giftName.setText(gift.giftName);

giftNumTv.setText("x"+gift.num);

giftIv.setImageResource(gift.giftType);

scaleView(giftNumTv,200);

}

/**

* 连续点击送礼物的时候数字缩放效果

* @param num

*/

public void addNum(int num){

giftNum += num ;

giftNumTv.setText("x"+giftNum);

scaleView(giftNumTv,200);

handler.removeCallbacks(runnable);

if (!isShow()){

show();

}

handler.postDelayed(runnable, 3000);

}

Handler handler=new Handler();

Runnable runnable=new Runnable() {

@Override

public void run() {

isShow = false ;

giftNum = 0;

setVisibility(INVISIBLE);

}

};

/**

* 显示view，并开启定时器

*/

public void show(){

isShow = true ;

setVisibility(VISIBLE);

handler.postDelayed(runnable, 3000);

}

public boolean isShow() {

return isShow;

}

private OnAnimatorListener onAnimatorListener ;

public void setOnAnimatorListener(OnAnimatorListener onAnimatorListener) {

this.onAnimatorListener = onAnimatorListener;

}

public interface OnAnimatorListener{

public void onAnimationEnd(Gift gift);

public void onAnimationStart(Animator animation);

}

}

主要是Handler+Runnable实现定时任务，当连续送礼物的时候再重新计时，用属性动画ObjectAnimator对送的数字缩放动画。

对于ListView自动滚动是定时任务每来一个Item就加到ListView集合里面，然后用listview.setSelection(int adapter.getCount())定位到最后一个Item。

有兴趣的可以看一下源代码： github下载地址 github上有apk文件可以下载体验下。

如果有什么问题，希望大家指出来，谢谢~

android直播刷礼物特效,Android直播送礼物发消息页面（仿印客直播）相关推荐

  1. android nfc刷卡广播,Android关于NFC的简单使用

    这项功能是googleandroid2.3才有的.NFC 中文名无线射频技术是一项比蓝牙还要方便的一项技术 不需要人为手动操作即可完成数据的交换 只需要遵循相应的协议即可 下面为google提供的一个 ...

  2. 微信封号推送卡包发消息方法揭秘

    众所周知,微信封号之后是不能发消息的,这就大大的影响了正常的网络沟通,在诸多微信被封人群中有各色各样的职业,特别是微商封号或者永久封号联系不到客户都是极大损失:所谓树跟被断.鱼鳞被揭.微信被封作为由古 ...

  3. android砖刷机精灵,Android刷机精灵：喜刷刷

    来个老段子:据说苹果的用户见面打招呼第一句话通常是:"hi,今天又下了什么好玩的应用?"而安卓用户见面打招呼的第一句话则是:"hi ,今天刷机了没?"这个段子充 ...

  4. android自动刷广告软件是,android开发通过辅助服务实现自动刷抖音极速版赚金币。。。。...

    首先从辅助服务说起,辅助功能(AccessibilityService)其实是一个Android系统提供给的一种服务,本身是继承Service类的.这个服务提供了增强的用户界面,旨在帮助残障人士或者可 ...

  5. Android矢量图动画特效,Android使用SVG矢量图打造酷炫动画效果

    一个真正Android使用SVG矢量图打造酷炫动效往往让人虎躯一震,话不多说,咱们先看看效果: 这个效果我们需要考虑以下几个问题: 1. 这是图片还是文字: 2. 如果是图片该如何拿到图形的边沿线坐标 ...

  6. 谷歌的android官方刷机,谷歌 Android 7.0 ROM刷机包 for Nexus 6P 官方固件最新版

    ROM 介绍 在Android 7.0中,大多数的新改进都是比较小的,但是它们会对你使用Android手机的方式产生重大的影响. 这里仅介绍最为值得一试的Android 7.0新特性: 1.Andro ...

  7. Android矢量图动画特效,Android矢量动画实践

    之前的文章里,有朋友评论说饿了么的动画是使用AnimatedVectorDrawable来实现的.这个东西虽然原来也知道,但是一直没有切实的使用过.刚好昨天有看到一个蛮帅的矢量动画(文末福利),有了兴 ...

  8. android点击屏幕特效,Android自定义控件（特效一） 点击屏幕,根据所点击的位置绘制圆环...

    之前在三星手机上看到点击屏幕后出现水波的特效,所以尝试着写了个类似的效果 实现自定义一个View,并实现构造方法 public class MyView extends View { public M ...

  9. android更改刷机代码,Android刷机教程(示例代码)

    1.升级系统 fastboot flash bootloader u-boot.bin fastboot flash kernel uImage fastboot flash system syste ...

  10. 微信礼物投票服务器,可以送礼物微信投票系统怎么做？

    如今互联网上挣钱,对人们而言也早已并不是虚无缥缈了,要是人们选准一些投票服务平台,放进自身的活动,就会意外惊喜的发觉,在根据活动之中,人们就可以挣到钱.因此,针对这种,人们现阶段不仅仅理想,只是要是自 ...

最新文章

  1. Linux下MySql数据库常用操作
  2. 数据科学篇| Seaborn库的使用（四）
  3. Dapr 客户端 搭配 WebApiClientCore 玩耍服务调用
  4. Windows下android模拟器环境搭建
  5. sudo chown -R nobody:nogroup clear
  6. 用C#写XML类型的配置文件：
  7. 对话阿里 CTO 程立：未来数字世界的根基是开源和云
  8. beanstalkd
  9. RadASM资源链接错误RC2104及找不到resource.h解决方案
  10. 如何安装WinDriver—linux 系统下和Windows系统下———官网中文教程
  11. Android init.rc on property
  12. css hover变成手_html实现鼠标悬停变成手型实现方式
  13. 【渝粤教育】电大中专跨境电子商务理论与实务 (12)作业 题库
  14. YourBatman表白了，在Java 27岁生日这天
  15. PySpark RDD操作
  16. Google60款开源项目
  17. 【好文推荐】Activity之间的数据传递方法汇总
  18. Regional 做题记录 (50/50)
  19. VM30031:1 Uncaught ReferenceError: xxx is not defined
  20. precision、recall、f1score的计算

热门文章

  1. word文档打印表格时预览时看的到表格打印出来的表格没有上下两根横线？
  2. ae编程语言as_18种常用AE表达式解析
  3. jQuery 版本升级迁移
  4. Windows python2.7虚拟环境下的PyV8安装
  5. 一个美国ECO PHD两年的学习总结
  6. 传输线理论  特征阻抗
  7. github 设置语言为中文
  8. 单例模式几种实现方式和代码
  9. 微信小程序上传图片到云储存中
  10. 改进版艾宾浩斯单词背诵计划表