墨迹天气-模仿主页面ui

来源:互联网 发布:电信光猫端口1和端口2 编辑:程序博客网 时间:2024/05/02 03:05

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >    <RelativeLayout        android:id="@+id/frameLayout1"        android:layout_width="fill_parent"        android:layout_height="40dp"        android:background="#636363"        android:gravity="fill"        android:orientation="horizontal" >        <ImageButton            android:id="@+id/imageButton2"            android:layout_width="wrap_content"            android:layout_height="40dp"            android:background="@drawable/title_city" />                <ImageButton            android:id="@+id/imageButton1"            android:layout_width="wrap_content"            android:layout_height="40dp"            android:layout_alignParentRight="true"            android:layout_alignParentTop="true"            android:background="@drawable/title_update" />        <ImageButton            android:layout_width="wrap_content"            android:layout_height="40dp"            android:layout_alignParentTop="true"            android:layout_toLeftOf="@+id/imageButton1"            android:background="@drawable/title_voice" />        <TextView            android:layout_width="fill_parent"            android:layout_height="40dp"            android:layout_alignParentTop="true"            android:gravity="center"            android:layout_toRightOf="@+id/imageButton2"            android:text="淮安"            android:textSize="20dp" />        <View            android:layout_width="1dp"            android:layout_height="40dp"            android:layout_alignParentTop="true"            android:layout_toLeftOf="@+id/imageButton1"            android:background="#FFFFFF" />        <View            android:layout_width="1dp"            android:layout_height="40dp"            android:layout_alignParentTop="true"            android:layout_toRightOf="@+id/imageButton2"            android:background="#FFFFFF" />    </RelativeLayout>    <TextView        android:id="@+id/textView1"        android:layout_width="152dp"        android:layout_height="wrap_content"        android:layout_gravity="right"         android:textSize="100dp"        android:text="5°"        android:gravity="right"/> <LinearLayout      android:layout_width="match_parent"        android:layout_height="fill_parent"        android:orientation="horizontal"         ><LinearLayout      android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:orientation="vertical"         android:layout_gravity="bottom">     <TextView         android:textColor="#454545"         android:id="@+id/textView2"         android:layout_width="wrap_content"         android:layout_height="80dp"         android:layout_gravity="bottom"         android:layout_weight="1"         android:text="晴\nxx度-xx度\n西北风n级\n"          android:textSize="20dp"/>     <TextView         android:textColor="#454545"         android:id="@+id/textView3"         android:layout_width="wrap_content"         android:layout_height="80dp"         android:layout_gravity="bottom"         android:layout_weight="1"         android:textSize="12dp"          android:text="02/13 壬辰年正月二十二\n北京市专业气象台14:15发布"/>          </LinearLayout><LinearLayout android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:orientation="vertical"        >      <Button android:layout_width="fill_parent"         android:layout_height="wrap_content"         android:background="#30FFFFFF"         android:text="周二\nxx℃/xx℃"         android:drawableRight="@drawable/w0"         android:layout_marginTop="0dp"></Button>      <Button android:layout_width="fill_parent"         android:layout_height="wrap_content"         android:background="#30FFFFFF"         android:text="周三\nxx℃/xx℃"         android:drawableRight="@drawable/w1"         android:layout_marginTop="5dp"></Button>       <Button android:layout_width="fill_parent"         android:layout_height="wrap_content"         android:background="#30FFFFFF"         android:text="周四\nxx℃/xx℃"         android:drawableRight="@drawable/w2"         android:layout_marginTop="5dp"></Button>       <Button android:layout_width="fill_parent"         android:layout_height="wrap_content"         android:background="#30FFFFFF"         android:text="周五\nxx℃/xx℃"         android:drawableRight="@drawable/w3"         android:layout_marginTop="5dp"         android:layout_marginBottom="5dp"></Button>       </LinearLayout>       </LinearLayout></LinearLayout>

闲着无聊

就模仿写了下墨迹天气的主页面ui

上效果图:



上部分核心代码如上所示



Jave作品,转载请注明转载处:http://blog.csdn.net/jave_/article/details/7256746

原创粉丝点击