《APP应用开发》总结性博客

神奇的火龙果
1,500 阅读6分钟

一、安卓开发中各种布局的理解

在安卓开发中，布局是界面设计的核心部分。理解并熟练使用各种布局，有助于创建美观且高效的用户界面。以下是我对安卓开发中常见布局的理解，包括线性布局、约束布局、表格布局、帧布局和相对布局。

  1. 线性布局（LinearLayout）

特点：

  • 子元素按顺序垂直或水平排列。
  • 使用 android:orientation 属性来设置排列方向（垂直或水平）。
  • 简单易用，但嵌套过多会影响性能。

适用场景：

  • 简单的垂直或水平排列场景，如按钮行、输入框列等。

示例代码：

<?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="vertical">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button 1" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button 2" />
</LinearLayout>

  1. 约束布局（ConstraintLayout）

特点：

  • 使用约束条件来定位和调整子元素。
  • 灵活性高，可以创建复杂的界面而无需嵌套多个布局。
  • 性能好，推荐使用。

适用场景：

  • 复杂的布局需求，如多重对齐、比例布局等。

示例代码：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <Button
        android:id="@+id/button1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="Button 1"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="Button 2"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@id/button1" />

</androidx.constraintlayout.widget.ConstraintLayout>

  1. 表格布局（TableLayout）

特点：

  • 以行和列的形式组织子元素。
  • 每个子元素在 TableRow 中定义。
  • 控制复杂的表格布局。

适用场景：

  • 表格形式的布局，如数据输入表格等。

示例代码：

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <TableRow tools:ignore="UselessParent">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="第一行第一个   " />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="第一行第二个   " />
    </TableRow>

    <TableRow>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="第二行第一个   " />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="第二行第二个   " />
    </TableRow>

</TableLayout>

  1. 帧布局（FrameLayout）

特点：

  • 子元素重叠放置，后添加的在前面显示。
  • 简单布局，适合单一视图展示。

适用场景：

  • 需要堆叠视图的场景，如图像叠加、加载动画等。

示例代码：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@drawable/img_two" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="叠加文本"
            android:textColor="#FFFFFF"
            android:textSize="50dp"/>

    </FrameLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

  1. 相对布局（RelativeLayout）

特点：

  • 子元素通过相对位置来定位。
  • 适合创建灵活、复杂的布局，但使用时要注意避免过度嵌套。
  • 对于控件的 android:layout_alignParent 属性，只有在该布局的父布局也是RelativeLayout是才有用，此属性的含义为将控件边缘与父控件的边缘对齐
android:layout alignParentLeft="true”--将控件的左边缘和父控件的左边缘对产
android:layout alignParentTop="true”--将控件的上边缘和父控件的上边缘对产
android:layout alignParentRight="true”--将控件的右边缘和父控件的右边缘对齐
android:layout alignParentBottom="true"--将控件的底边缘和父控件的底边缘对齐
android:layout centerlnParent="true"--将控件置于父控件的中心位置
android:layout centerHorizontal="true”--将控件置于水平方向的中心位置
android:layout centerVertical="true”--将控件置于垂直方向的中心位置

适用场景：

  • 需要精确控制位置的复杂布局。

示例代码：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button 1"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true" />

        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button 2"
            android:layout_below="@id/button1"
            android:layout_centerHorizontal="true" />
    </RelativeLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

二、 UI 界面交互功能的实现方法总结

在《APP应用开发》课程中，我学习了多种UI界面交互功能的实现方法。以下是我在课程中掌握的一些关键功能及其实现方法。

  1. 按钮点击事件

实现方法： 使用 setOnClickListener 方法来处理按钮点击事件。

示例代码：

Button button = findViewById(R.id.button);
button.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        // 处理点击事件
    }
});
  1. 列表项点击事件

实现方法： 在 RecyclerView 的 Adapter 中设置点击事件监听器。

示例代码：

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {

    private List<String> mData;
    private LayoutInflater mInflater;

    public MyAdapter(Context context, List<String> data) {
        this.mInflater = LayoutInflater.from(context);
        this.mData = data;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = mInflater.inflate(R.layout.recyclerview_item, parent, false);
        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        String item = mData.get(position);
        holder.myTextView.setText(item);
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 处理点击事件
            }
        });
    }

    @Override
    public int getItemCount() {
        return mData.size();
    }

    public class ViewHolder extends RecyclerView.ViewHolder {
        TextView myTextView;
        ViewHolder(View itemView) {
            super(itemView);
            myTextView = itemView.findViewById(R.id.tvItem);
        }
    }
}
  1. 滑动操作

实现方法： 使用 ViewPager 或 RecyclerView 结合 ItemTouchHelper 实现滑动操作。

示例代码：

RecyclerView recyclerView = findViewById(R.id.recyclerView);
ItemTouchHelper itemTouchHelper = new ItemTouchHelper(
new ItemTouchHelper.SimpleCallback(
0, ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT
) {
    @Override
    public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
        return false;
    }

    @Override
    public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) {
        // 处理滑动操作
    }
});
itemTouchHelper.attachToRecyclerView(recyclerView);
  1. 菜单项

实现方法： 通过重写 onCreateOptionsMenu 和 onOptionsItemSelected 方法来处理菜单项。

示例代码：

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.menu_main, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    int id = item.getItemId();
    if (id == R.id.action_settings) {
        // 处理菜单项点击事件
        return true;
    }
    return super.onOptionsItemSelected(item);
}
  1. 对话框

实现方法： 使用 AlertDialog.Builder 创建和显示对话框。

示例代码：

AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setTitle("Dialog Title")
       .setMessage("Dialog Message")
       .setPositiveButton("OK", new DialogInterface.OnClickListener() {
           public void onClick(DialogInterface dialog, int id) {
               // 处理点击事件
           }
       })
       .setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
           public void onClick(DialogInterface dialog, int id) {
               // 处理取消事件
           }
       });
builder.create().show();

三、学习过程反思与 持续改进 措施

在学习过程中，我遇到了一些挑战，但通过查阅官方文档、参与讨论和实践操作，我逐步掌握了各种UI交互功能的实现方法。为了持续提高我的技能水平，我会：

  • 查阅文档： 定期阅读安卓官方文档和开发者博客，了解最新的开发技术和最佳实践。
  • 参与讨论： 积极参与开发者社区的讨论，向有经验的开发者请教问题，分享自己的经验。
  • 实践操作： 多进行项目实践，通过实战积累经验，解决实际开发中遇到的问题。
曾经遇到过的问题
  • 示例分析： 在实现按钮点击事件时，我遇到的问题是如何在多个按钮之间共享点击处理逻辑。通过研究，我发现可以使用匿名内部类或Lambda表达式来简化代码结构。最终，我选择了Lambda表达式，因为它使代码更加简洁明了。
button1.setOnClickListener(v -> handleButtonClick());
button2.setOnClickListener(v -> handleButtonClick());
  • 解决方案解释： 选择Lambda表达式是因为它简化了匿名内部类的写法，使代码更清晰，易于维护。同时，它是现代Java开发的推荐方式。

通过这篇博客，我希望能展示我在安卓开发中的学习成果和实践经验，并为其他开发者提供有价值的参考。

avatar
文章
阅读
粉丝