Music Genre Player - Android Layouts

Music Genre

Download MaterialX 2.8

Get the Full Android Source Code for all the listed Layouts and more.

Buy Now for $25

Layout Screenshot

Chat Player

Layout
Java

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/indigo_500">

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:gravity="center"
        android:orientation="vertical"
        android:paddingBottom="@dimen/spacing_xlarge">

<LinearLayout
            android:layout_width="250dp"
            android:layout_height="wrap_content"
            android:layout_marginBottom="@dimen/spacing_large"
            android:gravity="center"
            android:orientation="vertical">

<TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Select your most favorite genres"
                android:textAlignment="center"
                android:textAppearance="@style/Base.TextAppearance.AppCompat.Headline"
                android:textColor="@android:color/white" />

<TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="You can change these later"
                android:textAlignment="center"
                android:textAppearance="@style/Base.TextAppearance.AppCompat.Subhead"
                android:textColor="@color/grey_10" />

</LinearLayout>

<com.google.android.flexbox.FlexboxLayout
            android:id="@+id/flex_box"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:padding="@dimen/spacing_large"
            app:flexWrap="wrap"
            app:justifyContent="center">

<Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/btn_rounded_deep_orange"
                android:onClick="genreClick"
                android:text="Pop"
                android:textAllCaps="false"
                android:textColor="@color/grey_20" />

<Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/btn_rounded_deep_orange"
                android:onClick="genreClick"
                android:text="Alternative"
                android:textAllCaps="false"
                android:textColor="@color/grey_10" />

<Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/btn_rounded_deep_orange"
                android:onClick="genreClick"
                android:text="Soul"
                android:textAllCaps="false"
                android:textColor="@color/grey_10" />

<Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/btn_rounded_deep_orange"
                android:onClick="genreClick"
                android:text="Gospel"
                android:textAllCaps="false"
                android:textColor="@color/grey_10" />

<Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/btn_rounded_deep_orange"
                android:onClick="genreClick"
                android:text="Punk rock"
                android:textAllCaps="false"
                android:textColor="@color/grey_10" />

<Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/btn_rounded_deep_orange"
                android:onClick="genreClick"
                android:text="Electronic"
                android:textAllCaps="false"
                android:textColor="@color/grey_10" />

<Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/btn_rounded_deep_orange"
                android:onClick="genreClick"
                android:text="Hip-hop"
                android:textAllCaps="false"
                android:textColor="@color/grey_10" />

<Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/btn_rounded_deep_orange"
                android:onClick="genreClick"
                android:text="Reggae"
                android:textAllCaps="false"
                android:textColor="@color/grey_10" />

<Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/btn_rounded_deep_orange"
                android:onClick="genreClick"
                android:text="Jazz"
                android:textAllCaps="false"
                android:textColor="@color/grey_10" />

<Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/btn_rounded_deep_orange"
                android:onClick="genreClick"
                android:text="Country"
                android:textAllCaps="false"
                android:textColor="@color/grey_10" />

<Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/btn_rounded_deep_orange"
                android:onClick="genreClick"
                android:text="Instrument"
                android:textAllCaps="false"
                android:textColor="@color/grey_10" />

<Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/btn_rounded_deep_orange"
                android:onClick="genreClick"
                android:text="Hard rock"
                android:textAllCaps="false"
                android:textColor="@color/grey_10" />

<Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/btn_rounded_deep_orange"
                android:onClick="genreClick"
                android:text="New wave"
                android:textAllCaps="false"
                android:textColor="@color/grey_10" />

<Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/btn_rounded_deep_orange"
                android:onClick="genreClick"
                android:text="Folk"
                android:textAllCaps="false"
                android:textColor="@color/grey_10" />

<Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/btn_rounded_deep_orange"
                android:onClick="genreClick"
                android:text="Acoustic"
                android:textAllCaps="false"
                android:textColor="@color/grey_10" />

<Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/btn_rounded_deep_orange"
                android:onClick="genreClick"
                android:text="EDM"
                android:textAllCaps="false"
                android:textColor="@color/grey_10" />

</com.google.android.flexbox.FlexboxLayout>

</LinearLayout>

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:layout_alignParentBottom="true"
        android:background="@color/overlay_dark_10"
        android:clickable="true"
        android:foreground="?attr/selectableItemBackground"
        android:gravity="center"
        android:orientation="vertical">

<TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/NEXT"
            android:textAppearance="@style/Base.TextAppearance.AppCompat.Subhead"
            android:textColor="@android:color/white" />

</LinearLayout>

</RelativeLayout>

											
package com.material.components.activity.player;

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;

import com.material.components.R;
import com.material.components.utils.Tools;

public class PlayerMusicGenre extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_player_music_genre);
        Tools.setSystemBarColor(this, R.color.indigo_600);
    }

    public void genreClick(View view) {
        if (view instanceof Button) {
            Button b = (Button) view;
            b.setSelected(!b.isSelected());
        }
    }
}