码迷,mamicode.com
首页 > 其他好文 > 详细

线性布局——大色块

时间:2016-07-20 23:00:53      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:

Hello大家好,让我们今天来实现一个大色块的设计~~比如说,像酱紫的,是的,我就是这样一个喜欢很明媚颜色的女纸。

技术分享

线性布局里,开始最让我绕的就是vertical和horizonal属性,vertical表示一块一块垂直排列,horizonal表示一块一块水平排列。因此,我们一下子就可以看出来,上半部分是horizonal属性,下半部分是vertical属性。

第一个知识点是平均分的实现,上半部分在水平方向上平均分,那么weight属性置为1,width属性置为0;下半部分在垂直方向上平均分,则weight属性置为1,height属性置为0,其实这个很好记,如果在水平方向上平均分,那么它的宽度由1:1:1这样的比例决定,而不是具体的数值。

第二个知识点是颜色的选取,我们需要在values-->colors.xml中添加颜色,并在linear.xml中使用。

第三个就是实现的逻辑了,首先,最外面的大框是一个LinearLayout,它分为上下两个部分,所以属性为vertical.在这个大框下,再建立两个LinearLayout,上半部分为horizonal,下半部分为vertical.里面的设计就是平均分的设计了

 

代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:orientation="horizontal"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="0dp">

        <TextView
            android:layout_weight="1"
            android:layout_width="0dp"
            android:background="@color/colorAccent"
            android:layout_height="match_parent" />
        <TextView
            android:layout_weight="1"
            android:layout_width="0dp"
            android:background="@color/purple"
            android:layout_height="match_parent" />
        <TextView
            android:layout_weight="1"
            android:layout_width="0dp"
            android:background="@color/purple2"
            android:layout_height="match_parent" />
        <TextView
            android:layout_weight="1"
            android:layout_width="0dp"
            android:background="@color/blue"
            android:layout_height="match_parent" />

    </LinearLayout>

    <LinearLayout
        android:orientation="vertical"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="0dp">

        <TextView
            android:layout_weight="1"
            android:layout_width="match_parent"
            android:background="@color/yellow"
            android:layout_height="0dp" />
        <TextView
            android:layout_weight="1"
            android:layout_width="match_parent"
            android:background="@color/orange"
            android:layout_height="0dp" />
        <TextView
            android:layout_weight="1"
            android:layout_width="match_parent"
            android:background="@color/red"
            android:layout_height="0dp" />
        <TextView
            android:layout_weight="1"
            android:layout_width="match_parent"
            android:background="@color/brown"
            android:layout_height="0dp" />

    </LinearLayout>

</LinearLayout>

显示结果:

技术分享

 

喜欢就点个赞哦 么么哒~技术分享

 

《原创·创世纪》

 

线性布局——大色块

标签:

原文地址:http://www.cnblogs.com/soada/p/5689730.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!