之前在CSDN上面看到很多牛逼的博客,从中也学到很多东西。最近跟老师做项目,然后就想有一个记录,也希望写出来网友能督促我继续坚持下去。
下面是我开始做的一个android界面,是关于智能旅游的。
<ScrollView 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"
tools:context="com.example.travel1.MainActivity" >
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<TextView
android:id="@+id/textview1"
android:layout_width="fill_parent"
android:layout_height="55dip"
android:background="#8866ff00"
android:gravity="center"
android:text="智能旅游系统"
android:textColor="#000000"
android:textSize="22sp" />
<Button
android:id="@+id/log_In"
android:layout_width="25dip"
android:layout_height="50dip"
android:layout_alignBottom="@id/textview1"
android:layout_alignRight="@id/textview1"
android:background="#00000000"
android:text="登录"
android:textColor="#FE0106"
android:textSize="15sp" >
</Button>
<Button
android:id="@+id/register"
android:layout_width="25dip"
android:layout_height="50dip"
android:layout_alignBottom="@id/textview1"
android:layout_toLeftOf="@id/log_In"
android:background="#00000000"
android:text="注册"
android:textColor="#FE0106"
android:textSize="15sp" >
</Button>
<TextView
android:id="@+id/textview2"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@id/textview1"
android:layout_gravity="center"
android:ellipsize="marquee"
android:focusable="true"
android:focusableInTouchMode="true"
android:singleLine="true"
android:text="XXX,欢迎来到智能旅游系统! " />
<LinearLayout
android:id="@+id/lbuju1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@id/textview2" >
<LinearLayout
android:id="@+id/lbuju2"
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_weight="1" >
<RelativeLayout
android:id="@+id/rbuju1"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<LinearLayout
android:id="@+id/lbuju4"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<Button
android:id="@+id/button_Tickets"
android:layout_width="0dip"
android:layout_height="80dip"
android:layout_marginLeft="5dip"
android:layout_weight="1"
android:background="#F16D7A"
android:text="购 票"
android:textColor="#000000"
android:textSize="16sp" >
</Button>
<Button
android:id="@+id/button_Guide"
android:layout_width="0dip"
android:layout_height="80dip"
android:layout_marginLeft="5dip"
android:layout_toRightOf="@id/button_Tickets"
android:layout_weight="1"
android:background="#F16D7A"
android:text="导游"
android:textColor="#000000"
android:textSize="16sp" >
</Button>
</LinearLayout>
<Button
android:id="@+id/button_Search_Query"
android:layout_width="fill_parent"
android:layout_height="80dip"
android:layout_below="@id/lbuju4"
android:layout_marginLeft="5dip"
android:layout_marginTop="5dip"
android:background="#F16D7A"
android:text="搜索查询"
android:textColor="#000000" >
</Button>
</RelativeLayout>
</LinearLayout>
<LinearLayout
android:id="@+id/lbuju3"
android:layout_width="0dip"
android:layout_height="wrap_content"
android:layout_below="@id/textview2"
android:layout_marginRight="5dip"
android:layout_toRightOf="@id/lbuju2"
android:layout_weight="1" >
<Button
android:id="@+id/button_Attractions_Introduction"
android:layout_width="fill_parent"
android:layout_height="160dip"
android:layout_below="@id/textview2"
android:layout_marginLeft="5dip"
android:background="#F49AC0"
android:text="景点介绍"
android:textColor="#000000"
android:textSize="16sp" >
</Button>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:id="@+id/llbuju1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@id/lbuju1" >
<Button
android:id="@+id/button_News"
android:layout_width="0dip"
android:layout_height="100dip"
android:layout_marginLeft="5dip"
android:layout_marginRight="5dip"
android:layout_marginTop="5dip"
android:layout_weight="1"
android:background="#36BC99"
android:text="资讯" />
<Button
android:id="@+id/button_Attractions_Abortion"
android:layout_width="0dip"
android:layout_height="100dip"
android:layout_marginRight="5dip"
android:layout_marginTop="5dip"
android:layout_weight="1"
android:background="#36BC99"
android:text="景区人流" />
</LinearLayout>
<LinearLayout
android:id="@+id/lllbuju1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@id/llbuju1" >
<Button
android:id="@+id/button_Recourse"
android:layout_width="0dip"
android:layout_height="130dip"
android:layout_marginLeft="5dip"
android:layout_marginRight="5dip"
android:layout_marginTop="5dip"
android:layout_weight="1"
android:background="#39ADD6"
android:text="求助" />
<Button
android:id="@+id/button_Warm_Remind"
android:layout_width="0dip"
android:layout_height="130dip"
android:layout_marginRight="5dip"
android:layout_marginTop="5dip"
android:layout_weight="1"
android:background="#39ADD6"
android:text="温馨提醒" />
</LinearLayout>
<LinearLayout
android:id="@+id/llllbuju"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@id/lllbuju1" >
<Button
android:id="@+id/button_More_Service"
android:layout_width="0dip"
android:layout_height="70dip"
android:layout_marginLeft="5dip"
android:layout_marginRight="5dip"
android:layout_marginTop="5dip"
android:layout_weight="2"
android:background="#A2A2A0"
android:text="更多服务" />
<Button
android:id="@+id/button_Opinion_Feedback"
android:layout_width="0dip"
android:layout_height="70dip"
android:layout_marginRight="5dip"
android:layout_marginTop="5dip"
android:layout_weight="1"
android:background="#A2A2A0"
android:text="意见反馈" />
</LinearLayout>
</RelativeLayout>
</ScrollView>
以上是布局代码。
在设计过程中遇到的问题主要是怎么使两个按钮水平平均分布,需要用到的是android:layout_weight="1",但是要注意一点的的是父窗口必须是线性布局<LinearLayout>,才会有平均分布效果。
还有当垂直内容超出屏幕的话,可以使用<ScrollView>滚动查看
水平滚动查看的话可以看http://www.cnblogs.com/plokmju/p/android_scrollview.html