android - 为什么BottomSheetDialog是全屏的?
问题描述
我正在关注有关如何在我的活动中实现 BottomSheetDialog 的教程视频。这就是我得到的:
fragment_bottom_sheet_dialog.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="wrap_content"
android:background="@drawable/fragment_settings_background">
<TextView
style="@style/HeaderFragmentTextStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/volume_sp"
android:layout_marginTop="20dp"
android:layout_marginStart="12dp"
android:layout_marginBottom="20dp"
app:layout_constraintBottom_toTopOf="@+id/volume_sb"
app:layout_constraintEnd_toEndOf="@+id/volume_sb"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintStart_toStartOf="@+id/volume_sb"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.0" />
<SeekBar
android:id="@+id/volume_sb"
style="@style/SeekBarStyleColors"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
style="@style/BottomBtnFragmentTextStyle"
android:id="@+id/cancel_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="12dp"
android:layout_marginTop="20dp"
android:text="@string/cancel_sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.0"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintStart_toStartOf="@+id/volume_sb"
app:layout_constraintTop_toBottomOf="@+id/volume_sb" />
<TextView
android:id="@+id/save_tv"
style="@style/BottomBtnFragmentTextStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:layout_marginEnd="37sp"
android:text="@string/save_sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="1.0"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintStart_toEndOf="@+id/cancel_tv"
app:layout_constraintTop_toBottomOf="@+id/volume_sb"
app:layout_constraintVertical_bias="0.0" />
</androidx.constraintlayout.widget.ConstraintLayout>
settings_page.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">
<ScrollView
android:id="@+id/scrollView"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_constraintBottom_toTopOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="parent">
<LinearLayout
android:id="@+id/linearLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
style="@style/SecondaryTitleSettingsTextStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="30dp"
android:layout_marginTop="15dp"
android:layout_marginBottom="14dp"
android:text="@string/main_settings_sp" />
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/constraintLayout2"
android:layout_width="match_parent"
android:layout_height="72dp">
<TextView
style="@style/EachSettingTextStyle"
android:layout_width="216dp"
android:layout_height="48dp"
android:layout_gravity="start"
android:layout_marginStart="30dp"
android:gravity="start"
android:text="@string/vibration_sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.515" />
<androidx.appcompat.widget.SwitchCompat
android:id="@+id/vibration_switch"
android:layout_gravity="center"
android:thumb="@drawable/custom_thumb"
app:track="@drawable/custom_track"
app:showText="false"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="25dp"
app:switchMinWidth="40dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.511" />
</androidx.constraintlayout.widget.ConstraintLayout>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="72dp">
<TextView
style="@style/EachSettingTextStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="30dp"
android:text="@string/repeat_signal_sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
style="@style/ButtonColorStyle"
android:id="@+id/repeat_btn"
android:layout_width="30dp"
android:layout_height="28dp"
android:layout_marginEnd="25dp"
android:background="@drawable/ic_arrow_left"
android:onClick="onClick"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="72dp">
<TextView
style="@style/EachSettingTextStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="30dp"
android:text="@string/volume_sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
style="@style/ButtonColorStyle"
android:id="@+id/show_volume_btn"
android:layout_width="30dp"
android:layout_height="28dp"
android:layout_marginEnd="25dp"
android:background="@drawable/ic_arrow_left"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
<View
android:id="@+id/divider"
android:layout_width="wrap_content"
android:layout_height="1dp"
android:layout_gravity="center"
android:layout_marginTop="20dp"
android:layout_marginBottom="20dp"
android:layout_marginStart="28dp"
android:layout_marginEnd="28dp"
android:background="?android:attr/listDivider" />
<TextView
style="@style/SecondaryTitleSettingsTextStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="30dp"
android:layout_marginTop="24dp"
android:layout_marginBottom="14dp"
android:text="@string/additional_settings_sp" />
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="72dp">
<TextView
style="@style/EachSettingTextStyle"
android:layout_width="242dp"
android:layout_height="43dp"
android:layout_gravity="start"
android:layout_marginStart="30dp"
android:gravity="start"
android:text="@string/puzzle_on_alarm_sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.517" />
<androidx.appcompat.widget.SwitchCompat
android:id="@+id/puzzle_switch"
android:layout_gravity="center"
android:thumb="@drawable/custom_thumb"
app:showText="false"
app:track="@drawable/custom_track"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="25dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.511" />
</androidx.constraintlayout.widget.ConstraintLayout>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
</androidx.constraintlayout.widget.ConstraintLayout>
</LinearLayout>
</ScrollView>
</androidx.constraintlayout.widget.ConstraintLayout>
设置活动.kt:
package com.example.alarme
import android.os.Bundle
import android.view.MenuItem
import android.view.View
import android.widget.Button
import androidx.appcompat.app.ActionBar
import androidx.appcompat.app.AppCompatActivity
import androidx.constraintlayout.widget.ConstraintLayout
import androidx.fragment.app.FragmentContainerView
import com.google.android.material.bottomsheet.BottomSheetDialog
class SettingsActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.settings_page)
val actionBar: ActionBar? = supportActionBar
actionBar?.setHomeButtonEnabled(true);
actionBar?.setDisplayHomeAsUpEnabled(true);
setTitle(R.string.layout_settings_name_sp);
val btn_click_me = findViewById(R.id.show_volume_btn) as Button
btn_click_me.setOnClickListener {
val view = layoutInflater.inflate(R.layout.fragment_bottom_sheet_dialog, null)
val dialog = BottomSheetDialog(this)
dialog.setContentView(view)
dialog.show()
}
}
override fun onOptionsItemSelected(item: MenuItem): Boolean {
if (item.itemId == android.R.id.home) {
finish()
return true
}
return super.onOptionsItemSelected(item)
}
}
而最终的结果相当令人失望。它可以工作,但看起来不像一个对话框,它有一些可用空间,涵盖了所有内容:
解决方案
在您的 style.xml 中创建以下样式:
<style name="BottomSheetDialog" parent="Theme.Design.Light.BottomSheetDialog">
<item name="android:backgroundDimAmount">0.4</item> <!-- 0 to remove the Shadow -->
<item name="android:colorBackground">@android:color/transparent</item>
<item name="android:backgroundDimEnabled">true</item>
<item name="android:windowIsFloating">true</item>
</style>
并在您的 BottomSheetDialog 中应用上述样式,如下所示:
btn_click_me.setOnClickListener {
val view = layoutInflater.inflate(R.layout.fragment_bottom_sheet_dialog, null)
val dialog = BottomSheetDialog(this,R.style.BottomSheetDialog)
dialog.setContentView(view)
dialog.show()
}
同样使用这种样式,您可以删除角落上可见的颜色。
这是它的样子:
推荐阅读
- reactjs - REACT GET 请求两次获取基本 URL
- java - org.apache.hc.core5.http2.impl.nio.AbstractH2StreamMultiplexer.onInput 中的 java.nio.BufferOverflowException
- r - R中的后向差异和中心差异
- python - 中断后如何恢复训练 pl.Trainer?
- html - 带有 CSS SVG 背景图像的按钮不会显示在 Safari/Webkit IOS 或 MacOS 上
- ruby-on-rails - Rails ActionMailer - 防止电子邮件传递以进行测试
- intellij-idea - IntelliJ Idea Ultimate 无法进入调试模式
- google-apps-script - Google Scripts - 如何将我的代码分成几段以避免超过最大运行时问题
- azure - 检查我的测试计划在管道执行中是否有失败的测试用例
- c# - .net core 3.1 中 [RoutePrefix("api/{controller})] 的替代方法是什么?