Я искал здесь, и, похоже, ни у кого не было этой проблемы.

Я слежу за учебными курсами по Android Studio на странице здесь.

В основном происходит то, что мои кнопки выглядят нормально, когда я реализую свой код XML, но когда я передаю часть кода XML в свой styles.xml и импортирую его в мой файл activity_main.xml, моя кнопка меняет свое Габаритные размеры.

Вот мой activity_main.xml файл.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16sp"
    tools:context=".MainActivity"
    >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
        <ImageButton
            android:id="@+id/decreaseTeam1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_centerVertical="true"
            android:src="@drawable/ic_minus"
            android:contentDescription="@string/minus_button"
            android:background="@drawable/button_background"
            android:onClick="decreaseScore" />

        <ImageButton
            android:id="@+id/increaseTeam1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:src="@drawable/ic_plus"
            android:contentDescription="@string/plus_button"
            android:layout_alignParentEnd="true"
            android:onClick="increaseScore"
            android:background="@drawable/button_background"/>

        <TextView
            android:id="@+id/score_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_centerHorizontal="true"
            android:text="@string/initial_score"/>

        <TextView
            android:id="@+id/team1_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:text="@string/team_1"/>

    </RelativeLayout>



    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

        <ImageButton
            android:id="@+id/decreaseTeam2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_centerVertical="true"
            android:src="@drawable/ic_minus"
            android:background="@drawable/button_background"
            android:contentDescription="@string/minus_button"
            android:onClick="decreaseScore"
            />

        <ImageButton
            android:id="@+id/increaseTeam2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_alignParentEnd="true"
            android:layout_centerVertical="true"
            android:src="@drawable/ic_plus"
            android:contentDescription="@string/plus_button"
            android:onClick="increaseScore"
            android:background="@drawable/button_background"/>

        <TextView
            android:id="@+id/score_2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_centerHorizontal="true"
            android:text="@string/initial_score"/>

        <TextView
            android:id="@+id/team2_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:text="@string/team_2"/>

    </RelativeLayout>

</LinearLayout>

Мой strings.xml файл.

<resources>
    <string name="app_name">Scorekeeper</string>
    <string name="team_2">Team 2</string>
    <string name="initial_score">0</string>
    <string name="plus_button">Plus Button</string>
    <string name="minus_button">Minus Button</string>
    <string name="team_1">Team 1</string>
</resources>

drawable.ic_minus :

<vector android:height="40dp" android:viewportHeight="24.0"
    android:viewportWidth="24.0" android:width="40dp" xmlns:android="http://schemas.android.com/apk/res/android">
    <path android:fillColor="#FF000000" android:pathData="M19,13H5v-2h14v2z"/>
</vector>

drawable.ic_plus :

<vector android:height="40dp" android:viewportHeight="24.0"
    android:viewportWidth="24.0" android:width="40dp" xmlns:android="http://schemas.android.com/apk/res/android">
    <path android:fillColor="#FF000000" android:pathData="M19,13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
</vector>

drawable.button_background :

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <stroke
        android:width="2dp"
        android:color="@color/colorPrimary"/>
</shape>

Надеюсь, я ничего не пропустил. Если вы скопируете и вставите мой код в пустой файл действия activity_main.xml, вы должны увидеть что-то вроде этого.

enter image description here

Теперь проблема: Я хочу реализовать некоторые стили для моих кнопок. Я обновил свой styles.xml как таковой. В этом случае у меня есть родительский элемент ScoreButton, который принимает только фон, тогда как дочерние элементы - это плюс и минус, который принимает изображение и описание.

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="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>

    <style name="ScoreButtons" parent="Widget.AppCompat.Button">
        <item name="android:background">@drawable/button_background</item>
    </style>

    <style name="PlusButtons" parent="ScoreButtons">
        <item name="android:src">@drawable/ic_plus</item>
        <item name="android:contentDescription">@string/plus_button</item>
    </style>

    <style name="MinusButtons" parent="ScoreButtons">
        <item name="android:src">@drawable/ic_minus</item>
        <item name="android:contentDescription">@string/minus_button</item>

    </style>

</resources>

И если я обновлю один из кодов моей кнопки как таковой, например, заменив @+id/decreaseTeam1 на код ниже:

    <ImageButton
        android:id="@+id/decreaseTeam1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_centerVertical="true"
        style="@style/PlusButtons"
        android:onClick="decreaseScore" />

Кнопка минус внезапно становится раздутой.

enter image description here

Я читал, что дочерние представления переопределяют родительские представления, но я не вижу, как это может быть проблемой, так как нет изменений в размере изображения, и я не сжал его.

1
Yip Jung Hon 1 Май 2019 в 13:04

2 ответа

Лучший ответ

Проблема в том, что в определении стиля ваш ScoreButtons имеет Widget.AppCompat.Button в качестве родителя. Этот стиль определяет minHeight и minWidth следующим образом:

<style name="Base.Widget.AppCompat.Button" parent="android:Widget">
    <item name="android:background">@drawable/abc_btn_default_mtrl_shape</item>
    <item name="android:textAppearance">?android:attr/textAppearanceButton</item>
    <item name="android:minHeight">48dip</item>
    <item name="android:minWidth">88dip</item>
    <item name="android:focusable">true</item>
    <item name="android:clickable">true</item>
    <item name="android:gravity">center_vertical|center_horizontal</item>
</style>

Итак, чтобы решить вашу проблему, вам просто нужно удалить родителя из стиля ScoreButtons:

<style name="ScoreButtons">
    <item name="android:background">@drawable/button_background</item>
</style>
0
Bagoly Sz. 1 Май 2019 в 10:52

Вы делаете ошибку при назначении стиля. вам нужно использовать ImageButton вместо кнопки.

Использовать это:

  <style name="ScoreButtons" parent="Widget.AppCompat.ImageButton">
        <item name="android:background">@drawable/button_background</item>
        <item name="android:contentDescription">@string/minus_button</item>
    </style>

Вместо этого:

      <style name="ScoreButtons" parent="Widget.AppCompat.Button">
        <item name="android:background">@drawable/button_background</item>
        <item name="android:contentDescription">@string/minus_button</item>
    </style>
0
Umair 1 Май 2019 в 10:47