【例1-6】 约束布局应用示例

将图像文件mm12.jpg复制到drawable目录, 然后新建一个约束布局。

教学视频

1 布局文件activity_main6.xml的源代码

<?xml version="1.0" encoding="utf-8"?>

<!--【例1-6】应用约束布局设计一大一小上下两张图片。-->

<androidx.constraintlayout.widget.ConstraintLayout

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent">

<ImageView

    android:id="@+id/img"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    app:layout_constraintLeft_toLeftOf="parent"

    app:layout_constraintRight_toRightOf="parent"

    android:src="@drawable/mm12"

    tools:ignore="MissingConstraints"/>

<ImageView

    android:id="@+id/img2"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:layout_marginTop="448dp"

    app:layout_constraintHorizontal_bias="0.498"

    app:layout_constraintLeft_toLeftOf="parent"

    app:layout_constraintRight_toRightOf="parent"

    app:layout_constraintTop_toTopOf="parent"

    android:src="@mipmap/ic_launcher"/>

</androidx.constraintlayout.widget.ConstraintLayout>

2 控制文件MainActivity.java源代码

package com.example.chap01;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main6);    //【例1-6】

    }

}