【Android】android:padding属性设置对ImageButton无效问题

本文探讨了ImageButton在使用padding时无法按比例缩放的问题,并对比了ImageView的表现。通过对ImageButton默认scaleType为中心模式的分析,找到了解决方案:通过设置scaleType为fitCenter来实现按比例缩放。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

【问题】

ImageButton 无法通过设置 padding 按比例缩小问题,而 ImageView 却可以;

【分析】
  1. 看 ImageButton 的样式定义,其 scaleType 模式默认是 center;
    <style name="Widget.ImageButton">
    <item name="android:focusable">true</item>
    <item name="android:clickable">true</item>
    <item name="android:scaleType">center</item>
    <item name="android:background">@android:drawable/btn_default</item>
    </style>
  2. 查看 scaleType 的作用:
    http://blog.youkuaiyun.com/larryl2003/article/details/6919513
    http://developer.android.com/reference/android/widget/ImageView.ScaleType.html
    scaleType 有如下模式:CENTER,CENTER_CROP,CENTER_INSIDE,FIT_CENTER,FIT_START,FIT_END,FIT_XY

  3. 据第2点发现,ImageView 的显示方式和 scaleType 有关,而 ImageButton 继承于 ImageView,所以显示方式也得受控于 scaleType;

  4. ImageView 的默认 scaleType 是 fitCenter, 所以可以通过 padding 自动缩放;(这也是为什么设置了大于小图片size的 layout_width 和 layout_height 后,小图片会拉伸的原因了,如果给 ImageView 设置 android:scaleType="center", 那么图片就会按照原大小显示出来,无论padding怎样改变都不会有影响;)

【解决方案】

重新定义 scaleType:android:scaleType="fitCenter",然后再使用 padding 就能控制 ImageButton 的留白了;

【参考资料】
  1. android中ImageView、ImageButton、Button 之间的区别;http://blog.youkuaiyun.com/sheeprunning/article/details/9092749
  2. Padding not working on ImageButton http://stackoverflow.com/questions/20545742/padding-not-working-on-imagebutton
<?xml version="1.0" encoding="utf-8"?> <layout xmlns:app="http://schemas.android.com/apk/res-auto"> <data> <variable name="viewModel" type="com.tplink.tpmifi.viewmodel.SmsBoxViewModel" /> </data> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="top" android:addStatesFromChildren="true" android:background="@drawable/toolbar_background" android:minHeight="@dimen/titlebar_height"> <LinearLayout android:id="@+id/title_left" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentStart="true" android:layout_centerVertical="true" android:layout_marginStart="@dimen/titlebar_left_margin_start" android:background="@drawable/btn_bg" android:clickable="true" android:focusable="true" android:gravity="center" android:minWidth="@dimen/titlebar_height" android:minHeight="@dimen/titlebar_height" android:orientation="horizontal" android:visibility="visible" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent"> <ImageView android:id="@+id/title_left_icon" android:layout_width="@dimen/titlebar_action_image_size" android:layout_height="@dimen/titlebar_action_image_size" android:scaleType="centerInside" android:src="@drawable/arrow_back_white" android:visibility="visible" /> </LinearLayout> <com.tplink.design.text.TPTextView android:id="@+id/title_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_marginStart="@dimen/titlebar_title_name_margin_start" android:layout_toEndOf="@+id/title_left" android:layout_weight="1" android:fontFamily="sans-serif-medium" android:lines="1" android:textAlignment="gravity" android:textColor="@android:color/white" android:textSize="@dimen/tpds_all_text_size_18" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintHorizontal_bias="0" app:layout_constraintStart_toEndOf="@id/title_left" app:layout_constraintTop_toTopOf="parent" tools:text="Outbox" /> <com.tplink.design.text.TPTextView android:id="@+id/title_right_text1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_marginEnd="20dp" android:layout_toStartOf="@+id/title_right_text2" android:background="@drawable/btn_bg" android:gravity="center" android:lines="1" android:padding="@dimen/tpds_all_dp_16" android:text="@{viewModel.isAllItemSelected ? @string/common_deselect_all :@string/common_select_all }" android:textAlignment="gravity" android:textColor="@color/white" android:textSize="@dimen/tpds_all_text_size_16" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toStartOf="@id/title_right_text2" app:layout_constraintHorizontal_bias="1" app:layout_constraintStart_toEndOf="@id/title_name" app:layout_constraintTop_toTopOf="parent" app:visibleOrGone="@{viewModel.editing}" tools:visibility="visible" /> <com.tplink.design.text.TPTextView android:id="@+id/title_right_text2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentEnd="true" android:layout_centerVertical="true" android:layout_marginEnd="16dp" android:background="@drawable/btn_bg" android:clickable="@{viewModel.totalMsgNum != 0 }" android:gravity="center" android:lines="1" android:padding="@dimen/tpds_all_dp_16" android:text="@{viewModel.editing ? @string/common_cancel : @string/common_edit }" android:textAlignment="gravity" android:textColor="@{viewModel.totalMsgNum != 0 ? @color/white : @color/title_bar_text_non_clickable }" android:textSize="@dimen/tpds_all_text_size_16" android:visibility="visible" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintHorizontal_bias="1" app:layout_constraintStart_toEndOf="@id/title_right_text1" app:layout_constraintTop_toTopOf="parent" tools:text="@string/common_edit" /> </androidx.constraintlayout.widget.ConstraintLayout> </layout>
最新发布
07-11
FanHui.java:package com.videogo.ui.login;import android.content.Intent;import android.os.Bundle;import android.util.Log;import android.view.View;import android.widget.Button;import com.videogo.openapi.EZOpenSDK;import ezviz.ezopensdk.R;import androidx.appcompat.app.AppCompatActivity;public class FanHui extends AppCompatActivity { private static final String TAG = “EZPreview”; private String mAppKey; private String mDeviceSerial; private String mVerifyCode; private String mAccessToken; private int mCameraNo; private static final String KEY_APPKEY = “appkey”; private static final String KEY_SERIAL = “serial”; private static final String KEY_VERIFYCODE = “VerifyCode”; private static final String KEY_ACCESSTOKEN = “accessToken”; private static final String KEY_CAMERANO = “cameraNo”; @Override protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.ez_playback_list_page); extractParametersFromIntent(); View fanHui = findViewById(R.id.fanhui); fanHui.setOnClickListener(v -> finish()); Button huifangBtn = findViewById(R.id.fanhui); huifangBtn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 创建Intent跳转到FanHui活动 Intent intent = new Intent(FanHui.this, MainActivity.class); // 传递必要参数(可选) intent.putExtra(“deviceSerial”, mDeviceSerial); intent.putExtra(“cameraNo”, mCameraNo); intent.putExtra(“accessToken”, mAccessToken); intent.putExtra(“appkey”, mAppKey); intent.putExtra(“verifyCode”, mVerifyCode); startActivity(intent); } }); } private void extractParametersFromIntent() { Bundle extras = getIntent().getExtras(); if (extras != null) { mAppKey = extras.getString(KEY_APPKEY, “”); mDeviceSerial = extras.getString(KEY_SERIAL, “”); mVerifyCode = extras.getString(KEY_VERIFYCODE, “”); mAccessToken = extras.getString(KEY_ACCESSTOKEN, “”); mCameraNo = extras.getInt(KEY_CAMERANO, 0); Log.d(TAG, “Received parameters:”); Log.d(TAG, “AppKey: " + mAppKey); Log.d(TAG, “DeviceSerial: " + mDeviceSerial); Log.d(TAG, “VerifyCode: " + mVerifyCode); Log.d(TAG, “AccessToken: " + mAccessToken); Log.d(TAG, “CameraNo: " + mCameraNo); } else { Log.e(TAG, “No parameters received from intent”); // 如果没有参数,可以显示错误信息并退出// finish(); } }} ez_playback_list_page.xml: <com.videogo.widget.TitleBar android:id=”@+id/title” android:layout_width=“match_parent” android:layout_height=“wrap_content”> </com.videogo.widget.TitleBar> <com.videogo.widget.TitleBar android:id=”@+id/pb_title_bar_landscape” android:layout_width=“match_parent” android:layout_height=“80dp” android:visibility=“gone” /> <com.videogo.widget.loading.LoadingView android:layout_width=“wrap_content” android:layout_height=“wrap_content” /> <com.videogo.widget.loading.LoadingView android:id=”@+id/remote_loading_iv" android:layout_width=“wrap_content” android:layout_height=“wrap_content” /> <com.videogo.widget.CheckTextButton android:id=“@+id/fullscreen_button” android:layout_width=“wrap_content” android:layout_height=“wrap_content” android:layout_alignParentRight=“true” android:layout_centerVertical=“true” android:layout_marginRight=“15dp” android:background=“@drawable/fullscreen_button_selector” /> <com.videogo.widget.loading.LoadingTextView android:id=“@+id/loadingTextView” android:layout_width=“match_parent” android:layout_height=“match_parent” android:layout_centerInParent=“true” android:background=“#efefef” android:visibility=“gone” /> <com.videogo.widget.PinnedHeaderListView android:id=“@+id/listView” android:layout_width=“match_parent” android:layout_height=“match_parent” android:layout_above=“@+id/delete_playback” android:cacheColorHint=“#00000000” android:divider=“@null” android:dividerHeight=“0dp” android:fadingEdge=“vertical” android:listSelector=“@null” android:overScrollFooter=“@null” android:scrollbarAlwaysDrawVerticalTrack=“false” android:scrollingCache=“false” /> <com.videogo.widget.PinnedHeaderListView android:id=“@+id/listView_sdkcloud” android:layout_width=“match_parent” android:layout_height=“match_parent” android:layout_above=“@+id/delete_playback_sdkcloud” android:cacheColorHint=“#00000000” android:divider=“@null” android:dividerHeight=“0dp” android:fadingEdge=“vertical” android:listSelector=“@null” android:overScrollFooter=“@null” android:scrollbarAlwaysDrawVerticalTrack=“false” android:scrollingCache=“false” /> <com.videogo.widget.PinnedHeaderListView android:id=“@+id/listView_device” android:layout_width=“match_parent” android:layout_height=“match_parent” android:layout_above=“@+id/delete_playback_device” android:cacheColorHint=“#00000000” android:divider=“@null” android:dividerHeight=“0dp” android:fadingEdge=“vertical” android:listSelector=“@null” android:overScrollFooter=“@null” android:scrollbarAlwaysDrawVerticalTrack=“false” android:scrollingCache=“false” /> 在上述代码顶部标题栏位置添加一个居中的年月日日期显示模块并且在显示年月日旁边添加一个图片按钮路径为drawable目录中playback_more_down1.png,这个年月份日期模块默认显示当天的年月日并且点击旁边新添加的图片按钮后显示一个年月日的日期选择器,用户选择日期选择器的年月日更新显示这个年月日日期显示模块。
06-26
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值