Android ImageView设置长度高度为wrap_content时高度根据图片比例自适应

本文详细介绍 Android 开发中 ImageView 的配置及使用技巧,包括如何自适应显示网络图片、保持宽高比、设置图片填充方式等。此外,还介绍了如何为 ImageView 添加边框样式。


  1. <ImageView  
  2.             android:id=”@+id/img_1”  
  3.             android:layout_width=”fill_parent”  
  4.             android:layout_height=”wrap_content”  
  5.             android:adjustViewBounds=”true”  
  6.             android:scaleType=”centerInside”  
  7.             android:src=”@drawable/img_bg” />  
<ImageView
            android:id="@+id/img_1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:scaleType="centerInside"
            android:src="@drawable/img_bg" />

网络上下载下来的图片自适应: android:adjustViewBounds=”true”(其详细解释在下面)
<ImageView
    android:id=”@+id/dynamic_item_image”
    android:layout_width=”wrap_content”
    android:layout_height=”wrap_content”
    android:layout_gravity=”top”
    android:layout_marginTop=”5dip”
    android:adjustViewBounds=”true”
    android:background=”@drawable/imageview_background” />
另外,android:background=”@drawable/imageview_background”是给图片加了一个边框,其中

imageview_background.xml:

<?xmlversion=”1.0” encoding=”utf-8”?><shape    xmlns:android=”http://schemas.android.com/apk/res/android”><solid android:color=”@color/white”/><stroke android:width=”2.0dip”android:color=”#99D9D9D9” /> <cornersandroid:radius=”2.0dip” /> <paddingandroid:left=”5.0dip” android:top=”5.0dip” android:right=”5.0dip”android:bottom=”5.0dip” /></shape>

ImageView属性说明:

1、类概述

    显示任意图像,例如图标。ImageView类可以加载各种来源的图片(如资源或图片库),需要计算图像的尺寸,比便它可以在其他布局中使用,并提供例如缩放和着色(渲染)各种显示选项。

2、XML属性

属性名称

描述

android:adjustViewBounds

是否保持宽高比。需要与maxWidth、MaxHeight一起使用,否则单独使用没有效果。

android:cropToPadding

是否截取指定区域用空白代替。单独设置无效果,需要与scrollY一起使用,效果如下,实现代码见代码部分:

 

 

android:maxHeight

设置View的最大高度,单独使用无效,需要与setAdjustViewBounds一起使用。如果想设置图片固定大小,又想保持图片宽高比,需要如下设置:

1) 设置setAdjustViewBounds为true;

2) 设置maxWidth、MaxHeight;

3) 设置设置layout_width和layout_height为wrap_content。

android:maxWidth

设置View的最大宽度。同上。

android:scaleType

设置图片的填充方式。

matrix

0

用矩阵来绘图

 

fitXY

1

拉伸图片(不按比例)以填充View的宽高

 

layout_

height

:30px


layout_

width

:120px

fitStart

2

按比例拉伸图片,拉伸后图片的高度为View的高度,且显示在View的左边

 

fitCenter

3

按比例拉伸图片,拉伸后图片的高度为View的高度,且显示在View的中间

 

fitEnd

4

按比例拉伸图片,拉伸后图片的高度为View的高度,且显示在View的右边

 

center

5

按原图大小显示图片,但图片宽高大于View的宽高时,截图图片中间部分显示

 

 

layout_

height

:60px


layout_

width

:80px


padding

:10px

 

centerCrop

6

按比例放大原图直至等于某边View的宽高显示。

 

centerInside

7

当原图宽高或等于View的宽高时,按原图大小居中显示;反之将原图缩放至View的宽高居中显示。

 

android:src

设置View的drawable(如图片,也可以是颜色,但是需要指定View的大小)

android:tint

将图片渲染成指定的颜色。见下图:

 左边为原图,右边为设置后的效果,见后面代码。



我要处理一个大显示下的文本长度适配:不选择文件的情况下,在中文语言下显示正常,切换到文本较长的语言并且字体设置超大,显示设置较大后,文本会把按钮挤到屏幕边缘,怎么处理<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/dialog_layout" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginBottom="@dimen/dimen_84dp" android:orientation="vertical"> <com.google.android.material.appbar.COUIDividerAppBarLayout android:id="@+id/appbar" style="@style/CommonAppBarStyle" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/color_transparent" android:clickable="true" android:focusable="true" android:paddingLeft="@dimen/dimen_0dp" android:paddingRight="@dimen/dimen_0dp" app:elevation="@dimen/toolbar_elevation"> <com.coui.appcompat.toolbar.COUIToolbar android:id="@+id/toolbar" style="@style/COUIToolBarInAppBarLayoutStyle" android:layout_width="match_parent" android:background="@null" app:supportTitleTextAppearance="@style/textAppearanceSecondTitle" app:titleCenter="false" /> <com.coui.appcompat.tablayout.COUITabLayout android:id="@+id/tab_layout" android:background="@color/color_transparent" style="@style/COUISmallTabLayoutStyle" /> </com.google.android.material.appbar.COUIDividerAppBarLayout> <RelativeLayout android:id="@+id/content_layout" android:layout_width="match_parent" android:layout_height="match_parent"> <com.filemanager.common.view.ViewPagerWrapperForPC android:id="@+id/view_pager_wrapper" android:layout_width="match_parent" android:layout_height="match_parent"> <com.filemanager.common.view.viewpager.RTLViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@+id/appbar" android:clipChildren="false" android:clipToPadding="false" android:orientation="horizontal" /> </com.filemanager.common.view.ViewPagerWrapperForPC> </RelativeLayout> </LinearLayout> <FrameLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" android:background="?attr/couiColorBackgroundElevatedWithCard" android:minHeight="@dimen/operation_btn_background_height"> <View android:id="@+id/button_divider" android:layout_width="match_parent" android:layout_height="@dimen/divider_background_height" android:layout_gravity="top" android:alpha="0" android:background="?attr/couiColorDivider" android:forceDarkAllowed="false" /> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <LinearLayout android:id="@+id/select_root_view" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginStart="@dimen/dimen_16dp" android:orientation="vertical"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:clickable="false" android:orientation="horizontal"> <TextView android:id="@+id/select_title_content" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/not_selected_file" android:textSize="16sp" android:lineHeight="22dp" android:textColor="?attr/couiColorLabelPrimary" android:textAppearance="@style/couiTextHeadlineXS" android:visibility="visible"/> <ImageView android:id="@+id/select_arraw_up" android:layout_width="18dp" android:layout_height="18dp" android:src="@drawable/arrow_up" android:layout_marginLeft="@dimen/dimen_6dp" android:visibility="gone" android:layout_gravity="center"/> </LinearLayout> <TextView android:id="@+id/select_body_content" android:layout_width="wrap_content" android:layout_height="wrap_content" android:lineHeight="20dp" android:textSize="14sp" android:textAppearance="?attr/couiTextBodyXS" android:textColor="?attr/couiColorLabelSecondary" android:visibility="gone" android:text="@string/selected_size"/> </LinearLayout> <View android:layout_width="0dp" android:layout_height="0dp" android:layout_weight="1"/> <com.coui.appcompat.button.COUIButton android:id="@+id/btn_add_file" style="@style/Widget.COUI.Button.Large" android:layout_width="@dimen/dimen_96dp" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginEnd="@dimen/dimen_16dp" android:text="@string/label_add_recent_file" /> </LinearLayout> </FrameLayout> </FrameLayout>
07-29
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout android:id="@+id/chat_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:background="#000000" android:keepScreenOn="true" android:layout_height="match_parent"> <LinearLayout android:id="@+id/rl_title" android:layout_width="match_parent" android:orientation="vertical" android:layout_height="wrap_content" android:background="@color/black_alpha_5"> <View android:id="@+id/statusBar" android:layout_width="match_parent" android:layout_height="0dp" android:background="#000000"/> <RelativeLayout android:layout_width="match_parent" android:layout_height="?actionBarSize"> <LinearLayout android:layout_alignParentLeft="true" android:id="@+id/exit" android:visibility="gone" android:layout_width="?actionBarSize" android:gravity="center" android:layout_height="?actionBarSize"> <TextView android:layout_width="wrap_content" android:text="退出" android:textColor="#FFFFFF" android:layout_height="wrap_content"/> </LinearLayout> <TextView android:id="@+id/memberName" android:layout_width="wrap_content" android:text="音频会议" android:textColor="#FFFFFF" android:layout_centerInParent="true" android:layout_height="wrap_content"/> <LinearLayout android:visibility="gone" android:id="@+id/switchCamera" android:layout_centerVertical="true" android:layout_toLeftOf="@id/memberMenu" android:layout_width="44dp" android:gravity="center" android:layout_height="44dp"> <ImageView android:layout_alignParentRight="true" android:layout_width="24dp" android:scaleType="fitXY" android:tint="#FFFFFF" android:src="@mipmap/rc_voip_switch_camera" android:layout_height="24dp"/> </LinearLayout> <LinearLayout android:id="@+id/memberMenu" android:layout_alignParentRight="true" android:layout_width="44dp" android:gravity="center" android:visibility="gone" android:layout_centerVertical="true" android:layout_height="44dp"> <ImageView android:layout_alignParentRight="true" android:layout_width="24dp" android:scaleType="fitXY" android:src="@mipmap/icon_menu_more_member" android:layout_height="24dp"/> </LinearLayout> </RelativeLayout> </LinearLayout> <FrameLayout android:layout_below="@id/rl_title" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="wrap_content" android:layout_gravity="right|bottom" android:visibility="gone" android:layout_marginBottom="150dp" android:layout_height="wrap_content" android:orientation="vertical"> <!--本地预览view--> <org.webrtc.mozi.video.view.RTCSurfaceView android:id="@+id/sf_local_view" android:layout_width="120dp" android:layout_height="150dp" android:layout_marginRight="16dp" android:layout_marginTop="4dp" android:layout_marginBottom="2dp"/> </LinearLayout> <!--会议View--> <FrameLayout android:visibility="gone" android:id="@+id/admin_surface_container" android:layout_width="match_parent" android:layout_height="match_parent" /> <RelativeLayout android:layout_width="match_parent" android:background="@color/dk_color_4c00C9F4" android:layout_height="match_parent"> <LinearLayout android:layout_below="@id/bottomLayout" android:layout_alignParentTop="true" android:layout_width="match_parent" android:orientation="vertical" android:layout_alignParentBottom="true" android:layout_above="@id/bottomLayout" android:layout_height="wrap_content"> <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent"> <View android:id="@+id/otherView" android:background="#00000000" android:layout_width="match_parent" android:layout_height="match_parent"/> <androidx.recyclerview.widget.RecyclerView android:id="@+id/chat_content_user_list" android:layout_width="match_parent" android:layout_gravity="right" android:background="#50000000" android:layout_height="match_parent"/> </FrameLayout> </LinearLayout> <!--底部按钮--> <LinearLayout android:id="@+id/bottomLayout" android:layout_alignParentBottom="true" android:layout_width="match_parent" android:orientation="vertical" android:layout_gravity="bottom|right" android:layout_height="wrap_content"> <TextView android:id="@+id/time2" android:layout_width="wrap_content" android:textColor="#FFFFFF" android:layout_gravity="center" android:layout_marginBottom="16dp" android:layout_height="wrap_content"/> <LinearLayout android:layout_width="match_parent" android:orientation="horizontal" android:gravity="center" android:layout_marginBottom="40dp" android:layout_height="wrap_content"> <ImageView android:id="@+id/mute" android:layout_width="wrap_content" android:src="@drawable/rc_voip_mute_selector" android:layout_height="wrap_content"/> <ImageView android:id="@+id/hangup" android:layout_marginLeft="44dp" android:layout_marginRight="44dp" android:layout_width="wrap_content" android:src="@mipmap/rc_voip_hang_up" android:background="@null" android:layout_height="wrap_content"/> <ImageView android:id="@+id/audio" android:layout_width="wrap_content" android:src="@drawable/rc_voip_speaker_selector" android:layout_height="wrap_content"/> </LinearLayout> </LinearLayout> </RelativeLayout> </FrameLayout> </RelativeLayout> 这是一个安卓页面的xml代码 我想在页面中间展示一个用户列表中的用户名 用户名均以相同大小的圆形展示 用户名过长仅显示前两个字符 列表中的用户过多 按照一定策略换行处理
05-29
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值