《第一行代碼》版本2，那個百分比布局已經被棄用了，令人頭大。
解決方法，在build.gradle下面添加一句androidx.percent…,看下面，然后sync一下：

dependencies {

    implementation 'androidx.appcompat:appcompat:1.4.2'
    implementation 'com.google.android.material:material:1.6.1'
    implementation 'androidx.constraintlayout:constraintlayout:2.1.4'
    implementation 'androidx.percentlayout:percentlayout:1.0.0'
    ...
}

然后xml中的開頭布局也改一下，但其實還是可以看出來它被劃線了：

<?xml version="1.0" encoding="utf-8"?>
<androidx.percentlayout.widget.PercentFrameLayout 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"
    tools:context=".FourthActivity">
    <Button
        android:id="@+id/button_1"
        app:layout_widthPercent="50%"
        app:layout_heightPercent="50%"
        android:layout_gravity="left|top"
        android:text="button1"
        android:textAllCaps="false"/>

    <Button
        android:id="@+id/button_2"
        app:layout_widthPercent="50%"
        app:layout_heightPercent="50%"
        android:layout_gravity="right|top"
        android:text="button2"
        android:textAllCaps="false"/>
    <Button
        android:id="@+id/button_3"
        app:layout_widthPercent="50%"
        app:layout_heightPercent="50%"
        android:layout_gravity="left|bottom"
        android:text="button3"
        android:textAllCaps="false"/>

    <Button
        android:id="@+id/button_4"
        app:layout_widthPercent="50%"
        app:layout_heightPercent="50%"
        android:layout_gravity="right|bottom"
        android:text="button4"
        android:textAllCaps="false"/>
</androidx.percentlayout.widget.PercentFrameLayout>

然后可以運行了，效果如下：