How to add Facebook Reactions in Android - Android Code

Adding Facebook reactions in an android app programatically.

Results:

Things needed:

Android Studio

Android Phone to test.

MainActivity.java:

	package com.Example.khanstan.FacebookReactions;
	import android.support.v7.app.AppCompatActivity;
	import android.os.Bundle;
	import android.view.View;
	import android.view.animation.Animation;
	import android.view.animation.AnimationUtils;
	import android.widget.Button;
	import android.widget.LinearLayout;
	import android.widget.TextView;
	public class MainActivity extends AppCompatActivity implements View.OnClickListener, Animation.AnimationListener {
	private TextView txtPostStatus;
	private Button btnMain, btnLike, btnHaha, btnLove, btnCry, btnShock, btnAngry;
	private LinearLayout emojisLayout;
	private Animation animFadeIn, animFadeOut;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	initViews();
	}
	private void initViews() {
	txtPostStatus = findViewById(R.id.txtPostStatus);
	btnMain = findViewById(R.id.btnClick);
	btnLike = findViewById(R.id.btnLike);
	btnHaha = findViewById(R.id.btnHaha);
	btnLove = findViewById(R.id.btnLove);
	btnCry = findViewById(R.id.btnCry);
	btnShock = findViewById(R.id.btnShock);
	btnAngry = findViewById(R.id.btnAngry);
	emojisLayout = findViewById(R.id.emojisLayout);
	animFadeIn = AnimationUtils.loadAnimation(getApplicationContext(),
	R.anim.fade_in);
	animFadeOut = AnimationUtils.loadAnimation(getApplicationContext(),
	R.anim.fade_out);
	animFadeIn.setAnimationListener(this);
	animFadeOut.setAnimationListener(this);
	emojisLayout.setVisibility(View.GONE);
	btnMain.setOnClickListener(this);
	btnLike.setOnClickListener(this);
	btnLove.setOnClickListener(this);
	btnHaha.setOnClickListener(this);
	btnCry.setOnClickListener(this);
	btnShock.setOnClickListener(this);
	btnAngry.setOnClickListener(this);
	btnMain.setOnLongClickListener(new View.OnLongClickListener() {
	@Override
	public boolean onLongClick(View view) {
	emojisLayout.startAnimation(animFadeIn);
	return true;
	}
	});
	}
	@Override
	public void onClick(View view) {
	switch (view.getId()) {
	case R.id.btnClick:
	txtPostStatus.setText(R.string.like);
	emojisLayout.setVisibility(View.GONE);
	btnMain.setText(R.string.like);
	break;
	case R.id.btnLike:
	txtPostStatus.setText(R.string.like);
	emojisLayout.startAnimation(animFadeOut);
	btnMain.setText(R.string.like);
	break;
	case R.id.btnLove:
	txtPostStatus.setText(R.string.love);
	emojisLayout.startAnimation(animFadeOut);
	btnMain.setText(R.string.love);
	break;
	case R.id.btnHaha:
	txtPostStatus.setText(R.string.haha);
	emojisLayout.startAnimation(animFadeOut);
	btnMain.setText(R.string.haha);
	break;
	case R.id.btnCry:
	txtPostStatus.setText(R.string.sad);
	emojisLayout.startAnimation(animFadeOut);
	btnMain.setText(R.string.sad);
	break;
	case R.id.btnShock:
	txtPostStatus.setText(R.string.shock);
	emojisLayout.startAnimation(animFadeOut);
	btnMain.setText(R.string.shock);
	break;
	case R.id.btnAngry:
	txtPostStatus.setText(R.string.angry);
	emojisLayout.startAnimation(animFadeOut);
	btnMain.setText(R.string.angry);
	break;
	}
	}
	@Override
	public void onAnimationEnd(Animation animation) {
	// Take any action after completing the animation
	// check for fade in animation
	if (animation == animFadeOut) {
	emojisLayout.setVisibility(View.GONE);
	}
	}
	@Override
	public void onAnimationRepeat(Animation animation) {
	// Animation is repeating
	}
	@Override
	public void onAnimationStart(Animation animation) {
	// Animation started
	if (animation == animFadeIn) {
	emojisLayout.setVisibility(View.VISIBLE);
	}
	}
	}

view raw MainActivity.java hosted with ❤ by GitHub

activity_main.xml

	<?xml version="1.0" encoding="utf-8"?>
	<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:app="http://schemas.android.com/apk/res-auto"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:background="@color/dimWhite"
	tools:context="com.Example.khanstan.FacebookReactions.MainActivity">
	<LinearLayout
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_centerHorizontal="true"
	android:layout_marginTop="30dp"
	android:orientation="horizontal">
	<TextView
	android:id="@+id/txt"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:text="@string/postStatus"
	android:textStyle="bold" />
	<TextView
	android:id="@+id/txtPostStatus"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_marginLeft="5dp"
	android:layout_marginStart="5dp"
	android:textStyle="bold" />
	</LinearLayout>
	<RelativeLayout
	android:layout_width="match_parent"
	android:layout_height="100dp"
	android:layout_alignParentLeft="true"
	android:layout_alignParentStart="true"
	android:layout_marginTop="160dp">
	<LinearLayout
	android:id="@+id/emojisLayout"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_centerHorizontal="true"
	android:background="@drawable/curved_background_white">
	<Button
	android:id="@+id/btnLike"
	android:layout_width="40dp"
	android:layout_height="40dp"
	android:layout_margin="5dp"
	android:background="@drawable/like" />
	<Button
	android:id="@+id/btnLove"
	android:layout_width="40dp"
	android:layout_height="40dp"
	android:layout_margin="5dp"
	android:background="@drawable/love" />
	<Button
	android:id="@+id/btnHaha"
	android:layout_width="40dp"
	android:layout_height="40dp"
	android:layout_margin="5dp"
	android:background="@drawable/haha" />
	<Button
	android:id="@+id/btnCry"
	android:layout_width="40dp"
	android:layout_height="40dp"
	android:layout_margin="5dp"
	android:background="@drawable/sad" />
	<Button
	android:id="@+id/btnShock"
	android:layout_width="40dp"
	android:layout_height="40dp"
	android:layout_margin="5dp"
	android:background="@drawable/shock" />
	<Button
	android:id="@+id/btnAngry"
	android:layout_width="40dp"
	android:layout_height="40dp"
	android:layout_margin="5dp"
	android:background="@drawable/angry" />
	</LinearLayout>
	<Button
	android:id="@+id/btnClick"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_alignParentBottom="true"
	android:layout_centerHorizontal="true"
	android:text="@string/like" />
	</RelativeLayout>
	<TextView
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_above="@+id/con"
	android:layout_centerHorizontal="true"
	android:textStyle="bold"
	android:text="@string/thanks"/>
	<TextView
	android:id="@+id/con"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_centerHorizontal="true"
	android:textAlignment="center"
	android:layout_alignParentBottom="true"
	android:text="@string/contactMe"/>
	</RelativeLayout>

view raw activity_main.xml hosted with ❤ by GitHub

Download full project from: GitHub