Android修行手册-那试探布局的初次体验

找到【app-res-layout-activity.xml】双击打开

编辑布局有三种模式：

【Code】：只展示代码

【Split】：代码和可视化编辑一边一半

【Design】：可视化编辑形式

我们先用【Split】来搞一波，开始之前我们现将上面的ConstraintLayout改为Relativelayout（小空先用好理解的布局来做教学，ConstraintLayout是Android官方推出的新的布局方式，很棒的方案，我们会专门讲解），实现创建一个图片，并且让他水平居中，然后距离顶部60dp

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

<RelativeLayout 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=“.MainActivity”>

<ImageView

android:layout_width=“250dp”

android:layout_height=“380dp”

android:layout_centerHorizontal=“true”

android:layout_marginTop=“60dp”

android:src=“@mipmap/study_one” />

接着让图片更加的性感一些， 增加些角度

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

<RelativeLayout 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=​
“.MainActivity”>

<ImageView

android:layout_width=“250dp”

android:layout_height=“380dp”

android:layout_centerHorizontal=“true”

android:layout_marginTop=“60dp”

android:rotationX=“10”

android:rotationY=“-10”

android:src=“@mipmap/study_one” />

是不是感觉更立体了？这感觉超棒的。

接着我们再创建一个输入框，还有一个按钮

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

<RelativeLayout 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=“.MainActivity”>

<ImageView

android:id=“@+id/myImg”

android:layout_width=“250dp”

android:layout_height=“380dp”

android:layout_centerHorizontal=“true”

android:layout_marginTop=“60dp”

android:rotationX=“10”

android:rotationY=“-10”

android:src=“@mipmap/study_one” />

<EditText

android:layout_width=“300dp”

android:layout_height=“40dp”

android:hint=“请输入你想输入的内容” />

<TextView

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_below=“@id/myImg”

android:background=“#00ff00”

android:text=“芝麻粒儿：\n公众号：空名先生”

android:textSize=“20sp” />

<Button

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“这是个按钮” />

然后回到我们的【MainActivity】

public class MainActivity extends AppCompatActivity {

private Button myBtn;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

myBtn = findViewById(R.id.myBtn);

myBtn.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

Toast.makeText(MainActivity.this, “触发了按钮点击事件”, Toast.LENGTH_SHORT).show();

}

});

}

}

最后

小编这些年深知大多数初中级Android工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

资料⬅专栏获取
，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助**。

因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

[外链图片转存中…(img-m4fwezwf-1719082471539)]一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

资料⬅专栏获取