Android Latest Button Design Tutorial
New video on different types of android button design in android studio
MainActivity.xml Layout
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
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:padding="16dp"
android:orientation="vertical"
android:background="#ffff"
tools:context=".MainActivity">
<info.hoang8f.widget.FButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="20sp"
android:text="Button"
android:textColor="#ffff"
app:shadowColor="@android:color/black"
app:shadowHeight="5dp"
android:textAllCaps="false"
>
</info.hoang8f.widget.FButton>
<Button
android:layout_marginTop="15dp"
android:layout_width="match_parent"
android:textSize="20sp"
android:text="Button"
android:textAllCaps="false"
android:background="@drawable/button_background"
android:textColor="@color/colorPrimary"
android:layout_height="wrap_content">
</Button>
<androidx.appcompat.widget.AppCompatButton
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:layout_width="match_parent"
android:textSize="20sp"
android:text="Button"
android:textAllCaps="false"
android:textColor="#ffff"
android:background="@drawable/button_ovel"
android:textAppearance="?android:attr/textAppearanceMedium"
>
</androidx.appcompat.widget.AppCompatButton>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:textSize="20sp"
android:text="Button"
android:textAllCaps="false"
android:textColor="#ffff"
android:background="@drawable/custom_button"
>
</Button>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:textSize="20sp"
android:text="Button"
android:textAllCaps="false"
android:textColor="#fa71cd"
android:background="@drawable/custom_bt"
>
</Button>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:textSize="20sp"
android:text="Button"
android:textAllCaps="false"
android:textColor="#ffffff"
android:background="@drawable/custom_btn"
>
</Button>
<Button
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_marginTop="15dp"
android:layout_gravity="center"
android:textSize="20sp"
android:text="Click"
android:textAllCaps="false"
android:textColor="#ffffff"
android:background="@drawable/button_ovalb"
> </Button>
</LinearLayout>
To watch complete tutorials on youtube:-
<LinearLayout
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:padding="16dp"
android:orientation="vertical"
android:background="#ffff"
tools:context=".MainActivity">
<info.hoang8f.widget.FButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="20sp"
android:text="Button"
android:textColor="#ffff"
app:shadowColor="@android:color/black"
app:shadowHeight="5dp"
android:textAllCaps="false"
>
</info.hoang8f.widget.FButton>
<Button
android:layout_marginTop="15dp"
android:layout_width="match_parent"
android:textSize="20sp"
android:text="Button"
android:textAllCaps="false"
android:background="@drawable/button_background"
android:textColor="@color/colorPrimary"
android:layout_height="wrap_content">
</Button>
<androidx.appcompat.widget.AppCompatButton
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:layout_width="match_parent"
android:textSize="20sp"
android:text="Button"
android:textAllCaps="false"
android:textColor="#ffff"
android:background="@drawable/button_ovel"
android:textAppearance="?android:attr/textAppearanceMedium"
>
</androidx.appcompat.widget.AppCompatButton>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:textSize="20sp"
android:text="Button"
android:textAllCaps="false"
android:textColor="#ffff"
android:background="@drawable/custom_button"
>
</Button>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:textSize="20sp"
android:text="Button"
android:textAllCaps="false"
android:textColor="#fa71cd"
android:background="@drawable/custom_bt"
>
</Button>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:textSize="20sp"
android:text="Button"
android:textAllCaps="false"
android:textColor="#ffffff"
android:background="@drawable/custom_btn"
>
</Button>
<Button
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_marginTop="15dp"
android:layout_gravity="center"
android:textSize="20sp"
android:text="Click"
android:textAllCaps="false"
android:textColor="#ffffff"
android:background="@drawable/button_ovalb"
> </Button>
</LinearLayout>
To watch complete tutorials on youtube:-
Downloads Complete project files:-
Android X Coding!
Android Latest Button Design Tutorial
Reviewed by Android X Coding
on
May 10, 2020
Rating:

No comments: