如何用Android Studio制作浮动窗口应用程序
一、前言
在台式电脑上,我们可以很轻松的最小化窗口,在后台做一些事情,并在任何时候都可以最大化窗口。但我们在android应用程序中看不到这一功能。如今,我们可以看到android提供了分屏功能,但这是操作系统提供的功能,而不是应用程序的单独功能。让我们制作一个应用程序,只需单击一个按钮即可将其最小化和最大化。该功能可以在很多方面帮助用户。假设你正在阅读一些带有数学计算的文档,那么最小化计算器将非常有用。
二、实现步骤
1.创建新项目
1.1要在Android Studio中创建新项目。请注意,先选择Emply Activity,再选择选择Java作为编程语言。
2.添加主题颜色
2.1为应用程序添加新颜色:
转到values->Colors.xml。可以在此处添加任何自定义颜色。我们添加了这两种颜色。
代码如下(示例):
<color name="gfgTheme">#FF2F8D46</color>
<color name="gfgThemeTwo">#FF098043</color>
2.2移除操作栏:
在Android Studio 4.1中,转到values->themes。有两个主题XML文件,一个用于亮模式,另一个用于暗模式。在这两个XML中,在样式块中将父属性更改为Theme.MaterialComponents.DayNight.NoActionBar。
<resources xmlns:tools="http://schemas.android.com/tools">
<!-- Base application theme. -->
<style name="Theme.FloatingWindow" parent="Theme.MaterialComponents.DayNight.NoActionBar">
<!-- Primary brand color. -->
<item name="colorPrimary">@color/purple_500</item>
<item name="colorPrimaryVariant">@color/purple_700</item>
<item name="colorOnPrimary">@color/white</item>
<!-- Secondary brand color. -->
<item name="colorSecondary">@color/teal_200</item>
<item name="colorSecondaryVariant">@color/teal_700</item>
<item name="colorOnSecondary">@color/black</item>
<!-- Status bar color. -->
<item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
<!-- Customize your theme here. -->
</style>
</resources>
2.3更改应用程序的主主题颜色:
更改应用程序的主要主题颜色:在同一文件中,第一个项目块必须与应用程序的主要颜色有关。在这里添加了新添加的颜色。在项目块中添加@color/gfgTheme 或 @color/gfgThemeTwo.
3.制作Layouts
3.1制作activity_main.xml文件
此 XML 文件制作应用程序的主要活动的布局。布局没有那么复杂。在约束布局中只有一个Button、TextView、EditText和ConstraintLayout中的一个又一个按钮。下面是 XML 代码。
<?xml version="1.0" encoding="utf-8"?>
<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"
android:background="@android:color/white"
tools:context=".MainActivity">
<Button
android:id="@+id/buttonMinimize"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:text="Wink"
android:textColor="@android:color/white"
android:textSize="25sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/titleText"
android:layout_width="match_parent"
android:layout_height="70dp"
android:gravity="center"
android:text="浮动窗口"
android:textColor="@color/gfgTheme"
android:textSize="30sp"
android:textStyle="bold"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/buttonMinimize" />
<EditText
android:id="@+id/descEditText"
android:layout_width="match_parent"
android:layout_height="330dp"
android:layout_marginTop="10dp"
android:gravity="start"
android:hint="这里写下内容"
android:paddingLeft="20dp"
android:paddingTop="10dp"
android:paddingRight="20dp"
android:paddingBottom="10dp"
android:textColor="@android:color/black"
android:textSize="22sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/titleText" />
<Button
android:id="@+id/saveBtn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:text="保存"
android:textColor="@android:color/white"
android:textSize="25sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/descEditText" />
</androidx.constraintlayout.widget.ConstraintLayout>
3.2制作floating_layout.xml文件
转到 res -> layout。右键单击layout -> New -> Layout Resource File。添加布局的名称(此处floating_layout)。此 XML 文件创建浮动窗口的布局。它具有与主布局相同的组件,但大小限制略有不同。下面是 XML 代码。
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/white">
<Button
android:id="@+id/buttonMaximize"
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_marginTop="20dp"
android:background="@color/gfgThemeTwo"
android:text="Wink"
android:textColor="@android:color/white"
android:textSize="15sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/titleText"
android:layout_width=