时间戳

首页 > 解决方案 > Android Button 背景无法识别/使用可绘制对象

android - Android Button 背景无法识别/使用可绘制对象

问题描述

我想为按钮添加背景，因为我已经做了好几次了。我有一个具有适当背景的可绘制资源文件。但是，如果我链接这个，它将不会被接受，而是只会使用一种颜色作为背景。我怀疑这可能是我的 Styles.xml 中的一个错误，但在这些中没有任何东西被称为太彩色。Android Studio 无法识别背景的原因是什么，或者我在哪里可以定义按钮外观的一般主题？我不记得曾经穿过那样的东西。我尝试了与 EditText 类似的东西，我在这里没有问题，所以我认为这是一个特定的按钮问题。此外，如果我将背景颜色更改为纯白色，它不会改变任何东西并且仍然显示为深蓝色。

更新：如果我将预览样式（预览的上部 middel）更改为 DialogStyle，则按钮背景有效。如果 der 样式中没有定义任何内容，那怎么可能呢？

更新：这次我添加了一个新版本的按钮，以额外的样式初始化背景。结果是它仍然没有显示正确的颜色。我也用黑色试过，但什么也没发生。

谢谢你的帮助。

按钮

<Button
                android:id="@+id/buttonRegistrieren"
                android:layout_width="232dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical|center_horizontal"
                android:layout_marginTop="20dp"
                android:layout_marginBottom="5dp"
                android:background="@drawable/btnbackground"
                android:onClick="WriteData"
                android:text="@string/Registrieren"
                android:textAllCaps="false"
                android:textColor="@color/colorWhite"
                android:textSize="16dp"></Button>

样式.xml

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
        <!-- Customize your theme here. -->

    </style>

    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

    <style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

    <style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />

    <style name="ToolbarColoredBackArrow" parent="AppTheme">
        <item name="android:textColorSecondary">@android:color/black</item>
    </style>

    <style
        name="SplashTheme"
        parent="AppTheme">
        <item name="android:windowFullscreen">true</item>
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>
<style name="ButtonStyle" parent="android:style/Widget.Button">
        <item name="android:textSize">19sp</item>
        <item name="android:textColor">@color/colorWhite</item>
        <item name="android:background">@color/colorBlack</item>
    </style>



    <style
        name="SecondTheme"
        parent="AppTheme">
        <item name="android:windowFullscreen">false</item>
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

    <style name="DialogStyle" parent="Theme.Design.Light.BottomSheetDialog">
        <item name="android:windowIsFloating">false</item>
        <item name="android:statusBarColor">@android:color/transparent</item>
        <item name="android:windowSoftInputMode">adjustResize</item>
    </style>

</resources>

btnbackground.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <gradient
        android:angle="135"
        android:centerColor="#FF5256AC"
        android:endColor="#FF662D91"
        android:startColor="#FF29ABE2"
        android:type="linear" />


    <corners android:radius="150dp">

    </corners>

</shape>

带主题的按钮

<Button
        android:id="@+id/buttonLogin"
        android:layout_width="160dp"
        android:layout_height="45dp"
        android:layout_marginStart="8dp"
        android:layout_marginEnd="8dp"
        android:text="Anmelden"
        android:textAllCaps="true"
        android:textColor="@color/colorWhite"
        android:textSize="16sp"
        android:theme="@style/ButtonStyle"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.497"
        app:layout_constraintStart_toStartOf="parent"
        tools:layout_editor_absoluteY="426dp"
        />

显现

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    package="edmt.dev.androideatitv2client">

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme"
        tools:replace="android:theme">
        <activity android:name=".PasswordActivity"></activity>
        <activity android:name=".LoginActivity" />
        <activity android:name=".RegistrationActivity" />
        <activity android:name=".SplashActivity">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
        </activity>
        <activity android:name=".UpdatePasswordActivity" />
        <activity android:name=".UpdateProfileActivity" />
        <activity android:name=".ProfileActivity" />

        <activity
            android:name=".HomeActivity"
            android:label="@string/title_activity_home"
            android:theme="@style/AppTheme.NoActionBar" />

        <service android:name=".services.MyFCMServices">
            <intent-filter>
                <action android:name="com.google.firebase.MESSAGING_EVENT" />
            </intent-filter>
        </service>
    </application>

</manifest>

标签： androidxmlandroid-studioandroid-layoutbutton

解决方案

你必须添加Width和Height到你Shape的

btnbackground.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:shape="rectangle">

<gradient
    android:angle="135"
    android:centerColor="#FF5256AC"
    android:endColor="#FF662D91"
    android:startColor="#FF29ABE2"
    android:type="linear" />


<corners android:radius="150dp">

</corners>

如果您不使用 AndroidX，则必须将 Theme 从更改Theme.MaterialComponents.Light.NoActionBar为Theme.AppCompat.Light.NoActionBar

样式.xml

<resources>

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->

</style>

<style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

<style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />

<style name="ToolbarColoredBackArrow" parent="AppTheme">
    <item name="android:textColorSecondary">@android:color/black</item>
</style>

<style
    name="SplashTheme"
    parent="AppTheme">
    <item name="android:windowFullscreen">true</item>
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>
<style name="ButtonStyle" parent="android:style/Widget.Button">
    <item name="android:textSize">19sp</item>
    <item name="android:textColor">#fff</item>
    <item name="android:background">#000</item>
</style>



<style
    name="SecondTheme"
    parent="AppTheme">
    <item name="android:windowFullscreen">false</item>
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>

<style name="DialogStyle" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowIsFloating">false</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
    <item name="android:windowSoftInputMode">adjustResize</item>
</style>

按钮

 <Button
    android:id="@+id/buttonLogin"
    android:layout_width="160dp"
    android:layout_height="45dp"
    android:layout_marginStart="8dp"
    android:layout_marginEnd="8dp"
    android:text="Anmelden"
    android:textAllCaps="true"
    android:textColor="#fff"
    android:textSize="16sp"
    android:theme="@style/ButtonStyle"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.497"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

这是结果： 在此处输入图像描述

推荐阅读