Last active
June 11, 2020 08:46
-
-
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))
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?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