क्रॉपिंग या विरूपण के बिना लचीली ऊंचाई के साथ चौड़ाई के लिए एंड्रॉइड इमेज व्यू स्केल की छोटी छवि

Question 1

अक्सर पूछा, कभी जवाब नहीं दिया (कम से कम एक प्रतिलिपि प्रस्तुत करने योग्य तरीके से नहीं)।

मेरे पास एक छवि है जिसमें एक छवि है जो दृश्य से छोटी है। मैं छवि को स्क्रीन की चौड़ाई में स्केल करना चाहता हूं और छवि के आनुपातिक रूप से सही ऊंचाई को दर्शाने के लिए ImageView की ऊंचाई को समायोजित करना चाहता हूं।

<ImageView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
/>

इसके परिणामस्वरूप छवि अपने मूल आकार (तब स्क्रीन की चौड़ाई) के किनारे पर हाशिये पर केंद्रित होती है। अच्छा नहीं।

तो मैंने जोड़ा

android:adjustViewBounds="true"

समान प्रभाव, अच्छा नहीं। मैंने कहा

android:scaleType="centerInside"

समान प्रभाव, अच्छा नहीं। मैं बदल centerInsideगया fitCenter। समान प्रभाव, अच्छा नहीं। मैं बदल centerInsideगया centerCrop।

android:scaleType="centerCrop"

अब, अंत में, छवि को स्क्रीन की चौड़ाई तक बढ़ाया जाता है - लेकिन ऊपर और नीचे से काट दिया गया! इसलिए मैं बदल centerCropगया fitXY।

android:scaleType="fitXY"

अब छवि को स्क्रीन की चौड़ाई पर स्केल किया गया है, लेकिन y- अक्ष पर स्केल नहीं किया गया है, जिसके परिणामस्वरूप विकृत छवि है।

हटाने android:adjustViewBounds="true"का कोई प्रभाव नहीं है। android:layout_gravityजैसा कि कहीं और सुझाव दिया गया है, जोड़ना फिर से कोई प्रभाव नहीं है।

मैंने अन्य संयोजनों की कोशिश की है - कोई फायदा नहीं हुआ। तो, कृपया किसी को पता है:

आप स्क्रीन की चौड़ाई को भरने के लिए एक इमेज व्यू के XML को कैसे सेट करते हैं, संपूर्ण दृश्य को भरने के लिए एक छोटी छवि को स्केल करते हैं, छवि को विरूपण या क्रॉपिंग के बिना इसके पहलू अनुपात के साथ प्रदर्शित करते हैं?

संपादित करें: मैंने एक मनमाना संख्यात्मक ऊंचाई सेट करने का भी प्रयास किया। यह केवल centerCropसेटिंग के साथ एक प्रभाव है । यह दृश्य ऊंचाई के अनुसार छवि को लंबवत रूप से विकृत करेगा।

Question 2

मैंने इसे एक जावा-वर्ग बनाकर हल किया है जिसे आप अपने लेआउट-फाइल में शामिल करते हैं:

public class DynamicImageView extends ImageView {

    public DynamicImageView(final Context context, final AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onMeasure(final int widthMeasureSpec, final int heightMeasureSpec) {
        final Drawable d = this.getDrawable();

        if (d != null) {
            // ceil not round - avoid thin vertical gaps along the left/right edges
        final int width = MeasureSpec.getSize(widthMeasureSpec);
        final int height = (int) Math.ceil(width * (float) d.getIntrinsicHeight() / d.getIntrinsicWidth());
            this.setMeasuredDimension(width, height);
        } else {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        }
    }
}

अब, आप इसे अपनी लेआउट-फ़ाइल में अपनी कक्षा को जोड़कर उपयोग करते हैं:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <my.package.name.DynamicImageView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:scaleType="centerCrop"
        android:src="@drawable/about_image" />
</RelativeLayout>

Question 3

मुझे भी वैसी ही समस्या थी, जैसी आपकी। भिन्न भिन्न रूपों की कोशिश करने के 30 मिनट के बाद मैंने इस तरह से समस्या को हल किया। यह आपको लचीली ऊंचाई देता है , और पैरेंट चौड़ाई को समायोजित करता है

<ImageView
            android:id="@+id/imageview_company_logo"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:adjustViewBounds="true"
            android:scaleType="fitCenter"
            android:src="@drawable/appicon" />

Question 4

XML लेआउट मानक के भीतर कोई व्यवहार्य समाधान नहीं है।

डायनामिक छवि आकार पर प्रतिक्रिया करने का एकमात्र विश्वसनीय तरीका LayoutParamsकोड में उपयोग करना है।

निराश करना।

Question 5

  android:scaleType="fitCenter"

एक पैमाने की गणना करें जो मूल src पहलू अनुपात को बनाए रखेगा, लेकिन यह भी सुनिश्चित करेगा कि src पूरी तरह से dst के अंदर फिट बैठता है। कम से कम एक अक्ष (एक्स या वाई) बिल्कुल फिट होगा। परिणाम dst के अंदर केंद्रित है।

संपादित करें:

यहां समस्या यह है कि layout_height="wrap_content"छवि का विस्तार करने की "अनुमति" नहीं है। आपको उस परिवर्तन के लिए एक आकार सेट करना होगा

  android:layout_height="wrap_content"

सेवा

  android:layout_height="100dp"  // or whatever size you want it to be

edit2:

ठीक काम करता है:

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="match_parent"
    android:layout_height="300dp"
    android:scaleType="fitCenter"
    android:src="@drawable/img715945m" />

Question 6

यह मार्क मार्टिंसन के उत्कृष्ट समाधान के लिए एक छोटा सा जोड़ है।

यदि आपकी छवि की चौड़ाई इसकी ऊंचाई से बड़ी है, तो मार्क का समाधान स्क्रीन के ऊपर और नीचे जगह छोड़ देगा।

नीचे पहले चौड़ाई और ऊंचाई की तुलना करके इसे ठीक करता है: यदि छवि चौड़ाई> = ऊंचाई है, तो यह स्क्रीन की ऊंचाई से मेल खाने के लिए ऊंचाई को स्केल करेगा, और फिर पहलू अनुपात को संरक्षित करने के लिए चौड़ाई को स्केल करेगा। इसी तरह, यदि छवि ऊंचाई> चौड़ाई है, तो यह स्क्रीन की चौड़ाई से मेल खाने के लिए चौड़ाई को मापेगा और फिर पहलू अनुपात को संरक्षित करने के लिए ऊंचाई को स्केल करेगा।

दूसरे शब्दों में, यह ठीक से संतुष्ट करता है scaleType="centerCrop":

http://developer.android.com/reference/android/widget/ImageView.ScaleType.html

समान रूप से मापें (बनाए रखने छवि के पक्ष अनुपात) ताकि दोनों आयाम (चौड़ाई और ऊंचाई) छवि के लिए किया जाएगा के बराबर या से बड़ा दृश्य (शून्य से गद्दी) की इसी आयाम।

package com.mypackage;

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.widget.ImageView;

public class FixedCenterCrop extends ImageView
{
    public FixedCenterCrop(final Context context, final AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onMeasure(final int widthMeasureSpec, final int heightMeasureSpec)
    {
        final Drawable d = this.getDrawable();

        if(d != null) {
            int height = MeasureSpec.getSize(heightMeasureSpec);
            int width = MeasureSpec.getSize(widthMeasureSpec);

            if(width >= height)
                height = (int) Math.ceil(width * (float) d.getIntrinsicHeight() / d.getIntrinsicWidth());
            else
                width = (int) Math.ceil(height * (float) d.getIntrinsicWidth() / d.getIntrinsicHeight());

            this.setMeasuredDimension(width, height);

        } else {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        }
    }
}

यह समाधान स्वचालित रूप से पोर्ट्रेट या लैंडस्केप मोड में काम करता है। आप इसे अपने लेआउट में उसी तरह संदर्भित करते हैं जैसे आप मार्क के समाधान में करते हैं। जैसे:

<com.mypackage.FixedCenterCrop
    android:id="@+id/imgLoginBackground"
    android:src="@drawable/mybackground"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:scaleType="centerCrop" />

Question 7

मैं उसी समस्या में भाग गया, लेकिन एक निश्चित ऊंचाई के साथ, छवि के मूल पहलू अनुपात को ध्यान में रखते हुए स्केल की गई चौड़ाई। मैंने इसे एक भारित रैखिक लेआउट के माध्यम से हल किया। आप अपनी आवश्यकताओं के लिए इसे संशोधित कर सकते हैं।

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/image"
        android:layout_width="0px"
        android:layout_height="180dip"
        android:layout_weight="1.0"
        android:adjustViewBounds="true"
        android:scaleType="fitStart" />

</LinearLayout>

Question 8

मार्क मार्टिंसन के जवाब का कोटलिन संस्करण :

class DynamicImageView(context: Context, attrs: AttributeSet) : AppCompatImageView(context, attrs) {
override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
    val drawable = this.drawable

    if (drawable != null) {
        //Ceil not round - avoid thin vertical gaps along the left/right edges
        val width = View.MeasureSpec.getSize(widthMeasureSpec)
        val height = Math.ceil((width * drawable.intrinsicHeight.toFloat() / drawable.intrinsicWidth).toDouble()).toInt()
        this.setMeasuredDimension(width, height)
    } else {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec)
    }
}

Question 9

मार्क मैटिंसन के समाधान के लिए एक और अतिरिक्त। मैंने पाया कि मेरी कुछ छवियां दूसरों की तुलना में कम हो गई थीं। इसलिए मैंने कक्षा को संशोधित किया ताकि छवि को अधिकतम कारक द्वारा बढ़ाया जाए। यदि छवि धुँधली हुए बिना अधिकतम चौड़ाई पर स्केल होने के लिए बहुत छोटी है, तो यह अधिकतम सीमा से परे स्केलिंग को रोकता है।

public class DynamicImageView extends ImageView {

    final int MAX_SCALE_FACTOR = 2;
    public DynamicImageView(final Context context) {
        super(context);
    }

    @Override
    protected void onMeasure(final int widthMeasureSpec, final int heightMeasureSpec) {
        final Drawable d = this.getDrawable();

        if (d != null) {
            // ceil not round - avoid thin vertical gaps along the left/right edges
            int width = View.MeasureSpec.getSize(widthMeasureSpec);
            if (width > (d.getIntrinsicWidth()*MAX_SCALE_FACTOR)) width = d.getIntrinsicWidth()*MAX_SCALE_FACTOR;
            final int height = (int) Math.ceil(width * (float) d.getIntrinsicHeight() / d.getIntrinsicWidth());
            this.setMeasuredDimension(width, height);
        } else {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        }
    }
}