Skip to content

Instantly share code, notes, and snippets.

@nadar71
Last active June 11, 2020 08:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nadar71/006699e31ef7451813e6c97dacfbc5e2 to your computer and use it in GitHub Desktop.
Save nadar71/006699e31ef7451813e6c97dacfbc5e2 to your computer and use it in GitHub Desktop.
Square shaped layout with shadow : Make a card with elevation (cardElevation with layout_margin property valorized with near values) inside a constraintLayout with dynamically resizable square shape (aspect ratio 1:1))
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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="wrap_content"
android:layout_height="wrap_content">
<com.google.android.material.card.MaterialCardView
style="@style/HomeCard.White"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="@dimen/_10ssp"
app:cardCornerRadius="@dimen/_10ssp"
app:cardElevation="8dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintDimensionRatio="1"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="8dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/placeholder_circ_black_24dp" />
<TextView
android:id="@+id/device_type_txt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:text="Nome Tipo Device"
android:textAppearance="@style/Text.Regular"
app:layout_constraintBottom_toTopOf="@+id/imageView"
app:layout_constraintStart_toEndOf="@+id/imageView"
app:layout_constraintTop_toBottomOf="@+id/imageView" />
<TextView
android:id="@+id/device_name_txt"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="32dp"
android:layout_marginEnd="8dp"
android:lines="2"
android:maxLines="2"
android:text="Nome Device Nome Device"
android:textAppearance="@style/Text.Bold"
android:textSize="@dimen/_18ssp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/imageView" />
<TextView
android:id="@+id/room_name_txt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="64dp"
android:text="nome stanza"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/device_name_txt" />
<TextView
android:id="@+id/percentage_value_txt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="99"
android:textAppearance="@style/Text.Regular"
android:textSize="@dimen/_38ssp"
app:layout_constraintBaseline_toBaselineOf="@id/room_name_txt"
app:layout_constraintEnd_toStartOf="@+id/percent_symb_txt" />
<TextView
android:id="@+id/percent_symb_txt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:text="%"
android:textAppearance="@style/Text.Regular"
android:textSize="@dimen/_38ssp"
app:layout_constraintBottom_toBottomOf="@+id/percentage_value_txt"
app:layout_constraintEnd_toEndOf="parent" />
<ImageView
android:id="@+id/imageView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:layout_marginEnd="4dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/placeholder_move_dev_40dp" />
</androidx.constraintlayout.widget.ConstraintLayout>
</com.google.android.material.card.MaterialCardView>
</androidx.constraintlayout.widget.ConstraintLayout>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment