如何修复此用户界面

Question

我是Android Studio的新手。我正在创建一个可播放触摸音乐的应用程序。该应用程序可以运行，但是我想从用户界面中删除此元素，以使其显示为全屏。

这是它在设计窗口中的显示方式：

这是我的样式XML文件`

<!-- Base application theme. -->
<style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>

</style>

This is how the image looks on my phone：

我想要的是，我想在UI设计窗口中看到确切的设计。另外，我希望我的应用程序看起来像全屏显示，没有名称栏。

Answer 1

要删除“标题栏”（名称栏），您可以参考此question。

  

我想在UI设计窗口中看到确切的设计

应该有错误消息告诉您，为什么Android Studio中的布局设计器没有显示UI，这可能是库/ Gradle问题。或可能是由styles.xml文件引起的。

Answer 2

将此添加到您的样式

    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>

这将隐藏操作栏