design by Agus Ibrahim

cuaca_materialDesign.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_height="match_parent"
	android:background="#E01C54"
	android:layout_width="match_parent">

	<View
		android:layout_height="match_parent"
		android:layout_width="match_parent"
		android:background="#0F90C0"
		android:rotation="50"
		android:layout_marginBottom="15dp"/>

	<View
		android:layout_height="match_parent"
		android:layout_width="match_parent"
		android:background="#15AFE2"
		android:rotation="50"/>

	<LinearLayout
		android:layout_height="match_parent"
		android:layout_width="match_parent"
		android:orientation="vertical">

		<LinearLayout
			android:layout_height="wrap_content"
			android:layout_width="wrap_content"
			android:orientation="vertical"
			android:padding="10dp">

			<TextView
				android:layout_height="wrap_content"
				android:layout_width="wrap_content"
				android:text="18 °C"
				android:textSize="81sp"
				android:textColor="#FFFFFF"
				android:shadowRadius="10"
				android:shadowColor="#1E1E1E"/>

			<TextView
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:text="Indramayu, Jawa Barat"
				android:textColor="#FFFFFF"
				android:textAppearance="?android:attr/textAppearanceMedium"/>

		</LinearLayout>

		<LinearLayout
			android:layout_height="wrap_content"
			android:layout_width="match_parent"
			android:orientation="vertical"
			android:gravity="center"
			android:layout_marginTop="10dp">

			<ImageView
				android:layout_height="100dp"
				android:layout_width="match_parent"
				android:src="@drawable/ic_weather_pouring"/>

			<TextView
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:textAppearance="?android:attr/textAppearanceLarge"
				android:text="Hujan"
				android:textColor="#FFFFFF"
				android:textSize="30sp"
				android:textStyle="bold"/>

			<TextView
				android:layout_width="wrap_content"
				android:layout_height="wrap_content"
				android:textAppearance="?android:attr/textAppearanceSmall"
				android:text="Minum Baygon Enak Bro"
				android:textColor="#F3F3F3"/>

		</LinearLayout>

		<LinearLayout
			android:layout_height="match_parent"
			android:layout_width="match_parent"
			android:orientation="vertical"
			android:layout_marginTop="10dp">

			<LinearLayout
				android:layout_height="match_parent"
				android:layout_width="match_parent"
				android:orientation="horizontal"
				android:layout_weight="1.0">

				<RelativeLayout
					android:layout_height="wrap_content"
					android:layout_width="match_parent"
					android:orientation="vertical"
					android:paddingLeft="5dp"
					android:layout_weight="1.0">

					<TextView
						android:layout_width="wrap_content"
						android:layout_height="wrap_content"
						android:textAppearance="?android:attr/textAppearanceMedium"
						android:text="Kec. Angin"
						android:textColor="#FFFFFF"
						android:id="@+id/cuacaTextView1"
						android:layout_centerHorizontal="true"/>

					<TextView
						android:layout_width="wrap_content"
						android:layout_height="wrap_content"
						android:text="5.1"
						android:layout_below="@id/cuacaTextView1"
						android:textSize="45sp"
						android:textStyle="bold"
						android:textColor="#FFFFFF"
						android:id="@+id/cuacaTextView2"/>

					<TextView
						android:layout_width="wrap_content"
						android:layout_height="wrap_content"
						android:textAppearance="?android:attr/textAppearanceSmall"
						android:text="m/s"
						android:layout_toRightOf="@id/cuacaTextView2"
						android:textColor="#FFFFFF"
						android:layout_centerInParent="true"/>

				</RelativeLayout>

				<View
					android:layout_height="match_parent"
					android:layout_width="1dp"
					android:background="#FFFFFF"
					android:layout_marginLeft="5dp"
					android:layout_marginRight="5dp"
					android:layout_marginBottom="10dp"
					android:layout_marginTop="10dp"/>

				<RelativeLayout
					android