Android界面布局设计

我想弄一个很简单的Android布局,

主要分两块,一个是编辑框和按钮组成的一个小区,另一个就是WebView,

第一个小区在整个手机屏幕的最上方显示,横向占满整个屏幕,竖向只占有一行的大小。

而WebView处在它俩构成的小框正下方。横向占满整个屏幕,竖向填补完整个屏幕。

 另外还有一个细小的问题。就是编辑框和按钮构成的小区,也就是那么一行,也就是编辑框在整行的左边,按钮在右边,左边紧靠着编辑框。


主要android布局语句解释:

android:layout_alignParentLeft="true" //在整个显示屏幕的最左边

android:layout_alignParentRight="true"//在整个显示屏幕的最右边

android:layout_alignParentTop="true" //在整个显示屏幕的最上边

android:layout_alignParentBottom="true"//在整个显示屏幕的最下边

android:layout_width="match_parent"  //组件的宽度和整个显示的屏幕一样的宽度
android:layout_height="match_parent" //组件的高度和整个显示的屏幕一样的高度
android:layout_width="wrap_content" //组件的宽度由其中所包含的内容长度决定
android:layout_height="wrap_content"// 组件的高度由其中所包含的内容长度决定


android:layout_alignBaseline="@+id/editText1"// 本元素的中心线和editText1的中心线对齐;
android:layout_alignBottom="@+id/editText1""//本元素的下边缘和editText1的下边缘对齐;

android:layout_toLeftOf="@+id/button1"       //本元素在button1的左侧
 android:layout_below="@id/editText1"         //本元素在editText1的下侧


代码文件

<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="wrap_content"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/editText1"
        android:layout_alignBottom="@+id/editText1"
        android:layout_alignParentRight="true"
        android:text="Button" />

    <WebView
        android:id="@+id/webView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentBottom="true"
        android:layout_below="@id/editText1" />

    <EditText
        android:id="@+id/editText1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_toLeftOf="@+id/button1"
        android:ems="10" />

</RelativeLayout>

调试结果,Android手机显示:


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值