zoukankan      html  css  js  c++  java
  • Android新手之旅(10) 嵌套布局

    想在界面上放四个按钮,以2*2的形式存在,却没有办法快速实现。尝试了一下,可以用嵌套的方式,一个LinearLayout嵌套两个LinearLayout,外层的LinearLayout用纵向布局,而内部的用横向布局。

    xml文件:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/bk0">
        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:orientation="horizontal"
            android:layout_width="fill_parent"
            android:layout_height="180px"
            android:layout_marginLeft="60px" android:layout_marginTop="70px"
            >
            <Button android:background="@drawable/btn01"
                android:text="" android:id="@+id/button1"
                android:layout_width="wrap_content" android:layout_height="wrap_content"
                >
            </Button>
            <Button android:background="@drawable/btn02"
                android:text="" android:id="@+id/button2"
                android:layout_width="wrap_content" android:layout_height="wrap_content"
                >
            </Button>
        </LinearLayout>
        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:orientation="horizontal"
            android:layout_width="fill_parent"
            android:layout_height="180px"
            android:layout_marginLeft="60px" android:layout_marginTop="0px"
            >
            <Button android:background="@drawable/btn03"
                android:text="" android:id="@+id/button3"
                android:layout_width="wrap_content" android:layout_height="wrap_content"
                >
            </Button>
            <Button android:background="@drawable/btn04"
                android:text="" android:id="@+id/button4"
                android:layout_width="wrap_content" android:layout_height="wrap_content"
                >
            </Button>
        </LinearLayout>
    </LinearLayout>

    效果:

    image

  • 相关阅读:
    龟兔赛跑(多线程练习题)
    进程和线程详解
    toString()方法详解
    使用IDEA的Git插件上传项目教程
    js运算符单竖杠“|”的用法和作用及js数据处理
    vue项目axios请求接口,后端代理请求接口404,问题出现在哪?
    jQuery的ajax的post请求json格式无法上传空数组
    es6 学习小记 扩展运算符 三个点(...)
    select2插件使用小记2
    js中多维数组转一维
  • 原文地址:https://www.cnblogs.com/jetz/p/2115244.html
Copyright © 2011-2022 走看看