[学习笔记]Android基本布局

以下内容纯粹为本人学习笔记【记录】之用，所听课程(Q群群友百度网盘提供)为极客学院一位老师所讲（老师大名我尚未知晓），如有侵权请告知。在此特别感谢这位老师录制的视频资料。

1、FrameLayout
frame n.框架、边框、眼镜框、组织
v.设计、表达、陷害
a.有框架的
layout n.布局、安排、设计
FrameLayout 译为“框架布局”

其中勾选的“Launch Activity”意为 此Activity作为启动Activity。
之后，AndroidManifest.xml中MainActivity所属的activity标签里的Intent-filter标签得注释或删除。
接着，activity_frame_layout_aty.xml布局改为FrameLayout。
FrameLayout有什么优点？相对于RelativeLayout更轻量级；对于不需要调整子元素位置的情况，更方便。
实例：呈现两张图片（先呈现一张图片），
两张图片进行切换
1）准备好两张图片，放在res/drawable目录下；
2）activity_frame_layout_aty.xml添加两个ImageView用于呈现图片，且第二个ImageView设为invisible（因为开始只显示第一张图片）；
3）FrameLayoutAty.java

package com.keen.learnframelayout;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.ImageView;

public class FrameLayoutAty extends AppCompatActivity {
    private FrameLayout activity_frame_layout_aty;//声明
    private ImageView ivA, ivB;

    @Override
    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_frame_layout_aty);

        activity_frame_layout_aty = (FrameLayout) findViewById(R.id.activity_frame_layout_aty);//获取
        ivA = (ImageView) findViewById(R.id.ivA);
        ivB = (ImageView) findViewById(R.id.ivB);

        showA();

        //设置事件监听器
        activity_frame_layout_aty.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {//呈现图片
                if(ivA.getVisibility() == View.VISIBLE) {
                    showB();
                } else {
                    showA();
                }

            }
        });
    }

    //写两个方法用于呈现图片
    private void showA() {
        ivA.setVisibility(View.VISIBLE);//可见
        ivB.setVisibility(View.INVISIBLE);//不可见
    }
    private void showB() {
        ivA.setVisibility(View.INVISIBLE);//可见
        ivB.setVisibility(View.VISIBLE);//不可见
    }
}

2、LinearLayout
线性布局，子元素（对象）一字排开（水平方向（默认）或垂直方向）。有一个很重要的[属性]“比重”–weight，意为分割父级容器的比例。
实例：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.keen.learnlinearlayout.MainActivity">

    <TextView
        android:layout_weight="1"
        android:background="#f00"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:layout_weight="1"
        android:background="#0f0"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:layout_weight="1"
        android:background="#00f"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
LinearLayout>

某一对象不分割父级容器，把另一个对象铺满剩余容器。
第2个是根据自己的内容宽度来设定的（不参与父级容器的分割），剩下的父级容器宽度全部由第1个铺开（参与父级容器的分割）。实例

    <TextView
        android:layout_weight="1"
        android:background="#f00"
        android:text="Hello from king"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:background="#0f0"
        android:text="Nice"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

这种方式对于开发非常有用。实例：一个浏览器页面

3、RelativeLayout
相对布局，是相对于父级容器（如边界、中心点）进行定位，奇特的地方是还可以相对于其他控件进行定位。

package com.keen.relativelayoutaty;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.RelativeLayout;
import android.widget.TextView;

public class RelativeLayoutAty extends AppCompatActivity {
    private RelativeLayout root;
    private TextView tv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        root = new RelativeLayout(this);
        setContentView(root);

        tv = new TextView(this);
        tv.setText("陈大哥");

        RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT);
        //调整位置
        lp.leftMargin = 200;//左边距
        lp.topMargin = 500;//上边距

        root.addView(tv, lp);
    }
}

4、用代码控制子对象的添加和删除
动态添加、删除布局元素。完全不依赖布局文件

package com.keen.learnlinearlayout;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    private LinearLayout root;
    private Button btnClickme;//声明

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
//        setContentView(R.layout.browser);//相当于绑定此布局文件

        root = new LinearLayout(this);//创建一个布局
        root.setOrientation(LinearLayout.VERTICAL);//设置布局方向
        setContentView(root);

        for (int i =0; i<5; i++) {
            btnClickme = new Button(this);//创建按钮
//          btnClickme.setText("Click me");
            btnClickme.setText("Remove me");
            btnClickme.setOnClickListener(this);

            LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
            lp.weight = 1;//设置比重
            root.addView(btnClickme, lp);
//            root.addView(btnClickme, LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
        }



//        btnClickme = new Button(this);//创建按钮
//        btnClickme.setText("Click me");
//        root.addView(btnClickme);//默认
//        root.addView(btnClickme, 500, 300);//直接指定宽度、高度
//        root.addView(btnClickme, LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT);

        //根据布局参数添加子对象
//        LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT);
//        root.addView(btnClickme, lp);



    }

    @Override
    public void onClick(View v) {
        root.removeView(v);
    }
}