带有其他组件的按钮

Question

我想在 Android Studio 中创建自定义组件。这应该是一个按钮，但内部有其他组件，如 ImageView 或 ChceckBox。如何做到这一点？

我已经尝试创建一个复合控件（内部有组件的 LinearView），但我无法设置 onClickListener 来捕获它的点击事件，这不是一个很好的解决方案。

我想避免几乎从头开始创建自己的组件（扩展 View 并覆盖 onDraw 方法），但我不知道如何用其他方式做到这一点。

Answer 1

你可以使用ConstraintLayout实现视图over/inside另一个视图，像这样：

?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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"
  android:orientation="vertical">

<ImageView
    android:id="@+id/imageView"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="8dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.5"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    android:scaleType="fitXY"
    tools:srcCompat="@tools:sample/avatars[10]" />

<CheckBox
    android:id="@+id/textView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginEnd="8dp"
    android:layout_marginRight="8dp"
    android:text="check"
    app:layout_constraintBottom_toBottomOf="@+id/imageView"
    app:layout_constraintEnd_toEndOf="@+id/imageView"
    app:layout_constraintStart_toStartOf="@+id/imageView"
    app:layout_constraintTop_toTopOf="@+id/imageView" />

</android.support.constraint.ConstraintLayout>

这看起来像这样：

关于您的点击监听器 - 如果您想在点击任何视图时做同样的事情，只需将点击监听器添加到您的父布局。

如果您想使用 ConstraintLayout 对不同的视图点击执行不同的操作，您只需为您拥有的每个视图附加点击监听器即可。

带有其他组件的按钮

Button with other components inside

android

button

custom-component