如何在 Android 的滚动视图中放大/更改子图像视图尺寸以使图像全尺寸
Posted
技术标签:
【中文标题】如何在 Android 的滚动视图中放大/更改子图像视图尺寸以使图像全尺寸【英文标题】:How to Enlarge/change the child imageview dimensions to make the image full size in Scroll view with Android 【发布时间】:2021-12-31 12:24:10 【问题描述】:我在 Scrollview 中有一个 ImageView,下面是我的片段代码,我需要将图像设为全屏或在用户单击图像时更改图像视图的宽度和高度,请帮助我如何做到实现或任何其他更好的解决方案。
ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_
android:layout_
android:layout_gravity="center_horizontal"
android:background="@color/white"
android:gravity="center_horizontal">
<LinearLayout
android:layout_
android:layout_
android:layout_gravity="center_horizontal"
android:gravity="center_horizontal"
android:orientation="vertical">
<android.support.v7.widget.Toolbar
android:id="@+id/htab_toolbar"
android:layout_
android:layout_
android:background="?attr/colorPrimary"
app:layout_scrollFlags="scroll|enterAlways|snap"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
<ImageView
android:id="@+id/product_image"
android:layout_
android:layout_
android:layout_centerHorizontal="true"
android:layout_marginTop="3dp"
android:adjustViewBounds="true"
android:gravity="center_horizontal"
android:scaleType="center" />
<TextView
android:id="@+id/product_name"
android:layout_
android:layout_
android:layout_gravity="center_horizontal"
android:layout_margin="5dp"
android:ellipsize="marquee"
android:focusable="true"
android:focusableInTouchMode="true"
android:freezesText="true"
android:gravity="center_horizontal"
android:marqueeRepeatLimit="marquee_forever"
android:scrollHorizontally="true"
android:singleLine="true"
android:textColor="@color/holo_gray_dark"
android:textSize="20sp"
android:textStyle="bold" />
<TextView
android:id="@+id/category_discount"
android:layout_
android:layout_
android:layout_gravity="center_horizontal"
android:layout_margin="5dp"
android:background="@color/white"
android:ellipsize="marquee"
android:focusable="true"
android:focusableInTouchMode="true"
android:freezesText="true"
android:gravity="center_horizontal"
android:marqueeRepeatLimit="marquee_forever"
android:scrollHorizontally="true"
android:singleLine="true"
android:textColor="@color/holo_gray_dark"
android:textSize="20sp"
android:textStyle="bold" />
<TextView
android:id="@+id/product_description"
android:layout_
android:layout_
android:layout_below="@+id/product_name"
android:layout_gravity="left"
android:layout_marginBottom="5dp"
android:layout_marginTop="5dp"
android:ellipsize="marquee"
android:focusable="true"
android:focusableInTouchMode="true"
android:freezesText="true"
android:textColor="@android:color/background_dark"
android:textSize="16sp" />
<LinearLayout
android:layout_
android:layout_
android:layout_gravity="center"
android:layout_margin="5dp"
android:gravity="center"
android:orientation="horizontal">
<TextView
android:id="@+id/remove_item"
android:layout_
android:layout_
android:layout_gravity="center_vertical|center_horizontal"
android:background="@color/red"
android:gravity="center_vertical|center_horizontal"
android:text="-"
android:textColor="@color/white"
android:textSize="20sp"
android:textStyle="bold" />
<TextView
android:id="@+id/iteam_amount"
android:layout_
android:layout_
android:layout_gravity="center"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:ellipsize="marquee"
android:focusable="true"
android:focusableInTouchMode="true"
android:freezesText="true"
android:gravity="center"
android:marqueeRepeatLimit="marquee_forever"
android:minWidth="70dp"
android:scrollHorizontally="true"
android:singleLine="true"
android:text="0"
android:textColor="@android:color/background_dark"
android:textSize="30sp" />
<TextView
android:id="@+id/add_item"
android:layout_
android:layout_
android:layout_gravity="center_vertical|center_horizontal"
android:background="@color/holo_green_light"
android:gravity="center_vertical|center_horizontal"
android:text="+"
android:textColor="@color/white"
android:textSize="30sp"
android:textStyle="bold" />
</LinearLayout>
<TextView
android:id="@+id/hot_offers"
android:layout_
android:layout_
android:layout_centerHorizontal="true"
android:layout_gravity="center_horizontal"
android:layout_marginTop="15dp"
android:ellipsize="marquee"
android:gravity="center_horizontal"
android:text="@string/similar_product"
android:textColor="#000"
android:textSize="20sp" />
<com.hitesh_sahu.retailapp.view.customview.ClickableViewPager
android:id="@+id/similar_products_pager"
android:layout_
android:layout_
android:layout_below="@+id/hot_offers"
android:layout_marginTop="2dp"
android:visibility="visible" />
<TextView
android:id="@+id/best_value"
android:layout_
android:layout_
android:layout_centerHorizontal="true"
android:layout_gravity="center_horizontal"
android:layout_marginTop="2dp"
android:ellipsize="marquee"
android:focusable="true"
android:focusableInTouchMode="true"
android:freezesText="true"
android:gravity="center_horizontal"
android:paddingBottom="10dp"
android:paddingTop="10dp"
android:text="Top Selling"
android:textColor="#000"
android:textSize="20sp" />
<com.hitesh_sahu.retailapp.view.customview.ClickableViewPager
android:id="@+id/top_selleing_pager"
android:layout_
android:layout_
android:layout_below="@+id/best_value"
android:layout_marginTop="2dp"
android:visibility="visible" />
</LinearLayout>
</ScrollView>
这是我的布局,
这是我班上的 onclick 监听器。请帮忙。我发现单击时图像大小会发生变化,但图像视图尺寸没有变化,如何实现这一点/如何使图像全屏显示
itemImage.setOnClickListener(new View.OnClickListener()
@Override
public void onClick(View view)
if(isImageFitToScreen)
isImageFitToScreen=false;
ScrollView.LayoutParams layoutParams = new
ScrollView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 192);
itemImage.setLayoutParams(layoutParams);
itemImage.setAdjustViewBounds(true);
else
isImageFitToScreen=true;
ScrollView.LayoutParams layoutParams = new
ScrollView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 500);
itemImage.setLayoutParams(layoutParams);
);
【问题讨论】:
【参考方案1】:看看android:adjustViewBounds。即使您正在更改 ImageView 的大小,此属性也会将其更改回来。我认为你可以删除它。
另外,layoutparams 中的尺寸维度是像素,而不是 dp。你把它当作是 dp.
【讨论】:
如何使图像全屏先生?当我单击图像视图时,由于我是初学者,请提供相同的帮助 我也会检查尺寸 @Naga 关于使 ImageView 全屏显示,您需要将其设置为屏幕的宽度/高度,您可以使用 this 之类的内容来确定。如果图像和屏幕的纵横比不匹配,您将需要决定如何裁剪图像,可能使用android:scaleType。 谢谢,我去看看以上是关于如何在 Android 的滚动视图中放大/更改子图像视图尺寸以使图像全尺寸的主要内容,如果未能解决你的问题,请参考以下文章