全国 Google Study Jams 活动官网

QQ登录

只需一步,快速开始

快捷登录

查看: 807|回复: 1

[线下小组活动] SJ20170131(魔组)第二次线下活动

[复制链接]
发表于 2017-3-22 10:53:14 | 显示全部楼层 |阅读模式
分享:

马上注册,一起学习 Android 开发!

您需要 登录 才可以下载或查看,没有帐号?立刻注册

x
本帖最后由 ty辰凌风 于 2017-3-31 12:11 编辑

本次活动,围绕L1课程进行;

活动照片

活动照片

活动成果:

成果照片

成果照片



  • 重点分享了 LinearLayout/RelativeLayout ;权重/ padding/margin *

IMG_0251.JPG


由于RelativeLayout/LinearLayout 相比而言比较容易理解,我们重点分享了;padding/margin;

margin VS padding

margin

场景:楼层,房间,桌子

margin ,可以想象成一层楼。楼内各房间所在的位置和楼层的关系;各房间所在的位置,是根据楼层的情况来确定的,相当于楼层规划了整个;

关联到android中,那就是父View来统筹了子View的(margin)规划;

padding

场景:楼层,房间,桌子

padding ,可以想象层桌子和房间的关系。桌子作为房间的内容,可以自由移动,单在摆放桌子的时候,可以根据自己喜好来控制和墙壁的距离(padding)

对照android,也就是View内容和View边框的距离。

总结

margin 是父View 控制 子View,是View 层面的。 padding 是 View 内容 和 View边框的关系;

实际理解

可是通过 ImageView 进行实测

<?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"
    android:background="@android:color/black">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="20dp"
        android:src="@android:color/white"
        android:layout_margin="60dp"
        android:background="@android:color/holo_blue_light"
        />

</LinearLayout>

IMG_0260.JPG

权重

weight 基础而言比较好理解,即:在当前父容器将剩余空间分割层n等分,再有每个子view来获取其所对应的份额,再增加到自身view中;如果是纵向分割,那就是增加高;如果是横向分割,那就是增加款;

理解:剩余空间

在纵向分割的情况下,View 可以定义自身高度,改高度,会占用被分割的高度; > 如果当前总高度为600,2个view,第二个view 高度定义为100.那么 剩余空间就是500;

如果有2个子view,权重分别为:2/3,那么,也就是第一个view占有2份,第二个view占有3份;

所以,最终 view1的高度为 200, view2 的高度为 400

<?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="match_parent"
    android:orientation="horizontal"
    android:background="@android:color/holo_blue_bright">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/black"
        android:layout_weight="1"
        android:orientation="vertical">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="2"
            android:src="@android:color/white"

            />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:layout_weight="3"
            android:src="@android:color/holo_blue_light"

            />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/black"
        android:layout_weight="1"
        android:orientation="vertical">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="2"
            android:src="@android:color/white"

            />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="3"
            android:src="@android:color/holo_blue_light"

            />
    </LinearLayout>
</LinearLayout>

QQ截图20170331120955.png







并布置课后作业:
QQ图片20170322105128.jpg

作业框架梳理:
IMG_0262.JPG



IMG_0265.JPG

评分

参与人数 1金币 +5666 收起 理由
王美丽 + 5666 1L活动金币奖励,+666优秀活动金币奖励.

查看全部评分

再小的梦想,也想在全世界绽放,加入 Study Jams,一起改变世界!
发表于 2017-3-25 09:04:03 | 显示全部楼层
再小的梦想,也想在全世界绽放,加入 Study Jams,一起改变世界!
您需要登录后才可以回帖 登录 | 立刻注册

本版积分规则

QQ|Archiver|小黑屋|StudyJams ( 沪ICP备13038357号-7

GMT+8, 2017-12-13 21:09

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表