[android] 天氣app布局練習(三),androidapp

來源:互聯網
上載者:User

[android] 天氣app布局練習(三),androidapp

主要練習LinearLayout和layout_weight屬性

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="#3186D9"    tools:context="${relativePackage}.${activityClass}" >    <ImageView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginLeft="10dp"        android:layout_marginTop="10dp"        android:src="@drawable/icon_home" />    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerHorizontal="true"        android:layout_marginTop="12dp"        android:text="北京"        android:textColor="#FDFDFD" />    <ImageView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentRight="true"        android:layout_marginRight="10dp"        android:layout_marginTop="10dp"        android:src="@drawable/icon_more" />    <TextView        android:id="@+id/tv_number"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerHorizontal="true"        android:layout_marginTop="70dp"        android:text="29"        android:textColor="#fff"        android:textSize="50sp" />    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignTop="@id/tv_number"        android:layout_toRightOf="@id/tv_number"        android:text="°"        android:textColor="#FDFDFD"        android:textSize="30sp" />    <LinearLayout        android:id="@+id/ll_weather"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_below="@id/tv_number"        android:layout_centerHorizontal="true"        android:orientation="horizontal" >        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_centerHorizontal="true"            android:text="多雲"            android:textColor="#FDFDFD" />        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_centerHorizontal="true"            android:text=" | "            android:textColor="#bbb" />        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_centerHorizontal="true"            android:text="空氣優"            android:textColor="#FDFDFD" />    </LinearLayout>    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_alignParentBottom="true"        android:orientation="vertical" >        <LinearLayout            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:layout_marginBottom="15dp"            android:orientation="horizontal" >            <LinearLayout                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:layout_weight="1"                android:gravity="center_horizontal"                android:orientation="vertical" >                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:text="今天"                    android:textColor="#eee" />                <ImageView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:src="@drawable/icon_weather" />                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:text="20 /25°"                    android:textColor="#eee" />            </LinearLayout>            <LinearLayout                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:layout_weight="1"                android:gravity="center_horizontal"                android:orientation="vertical" >                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:text="明天"                    android:textColor="#eee" />                <ImageView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:src="@drawable/icon_weather" />                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:text="20 /25°"                    android:textColor="#eee" />            </LinearLayout>            <LinearLayout                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:layout_weight="1"                android:gravity="center_horizontal"                android:orientation="vertical" >                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:text="後天"                    android:textColor="#eee" />                <ImageView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:src="@drawable/icon_weather" />                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:text="20 /25°"                    android:textColor="#eee" />            </LinearLayout>        </LinearLayout>        <GridView            android:id="@+id/gv_airs"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:background="#ddd"            android:gravity="center"            android:horizontalSpacing="1dp"            android:listSelector="@android:color/transparent"            android:numColumns="3"            android:padding="1dp"            android:scrollbars="none"            android:stretchMode="columnWidth"            android:verticalSpacing="1dp" />    </LinearLayout></RelativeLayout>

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.