Xamarin

Question

पर सर्कुलर छवि दृश्य I Xamarin एंड्रॉइड एप्लिकेशन पर काम कर रहा हूं, और मुझे परिपत्र ImageView बनाने की आवश्यकता है।

यह कैसे प्राप्त किया जा सकता है?

Answer 1

मैं RoundedImageView लाइब्रेरी का उपयोग करता हूं। यह जावा में लिखा गया है, लेकिन आप बिना किसी समस्या के write a binding कर सकते हैं। भविष्य पाठकों के लिए

<RoundedImageView 
    local:riv_corner_radius="15dp" 
    local:riv_oval="false" 
    android:scaleType="centerCrop" 
    android:layout_width="30dp" 
    android:layout_height="30dp" /> 

संपादित करें:: एक बार जब आप करते हैं, तो आप बस यह आपके .axml को जोड़ सकते हैं मैं पुस्तकालय इस पोस्ट पर जुड़ा हुआ के आधार पर Xamarin.Android के लिए RoundedImageView के एक बंदरगाह में लिखा था,। स्रोत कोड here और NuGet पैकेज here पाया जा सकता है। MvvmCross के साथ उपयोग के लिए MvxRoundedImageView भी शामिल है।

Answer 2

public class CircleDrawable : Drawable 
{ 
    Bitmap bmp; 
    BitmapShader bmpShader; 
    Paint paint; 
    RectF oval; 

    public CircleDrawable (Bitmap bmp) 
    { 
     this.bmp = bmp; 
     this.bmpShader = new BitmapShader (bmp, Shader.TileMode.Clamp, Shader.TileMode.Clamp); 
     this.paint = new Paint() { AntiAlias = true }; 
     this.paint.SetShader (bmpShader); 
     this.oval = new RectF(); 
    } 

    public override void Draw (Canvas canvas) 
    { 
     canvas.DrawOval (oval, paint); 
    } 

    protected override void OnBoundsChange (Rect bounds) 
    { 
     base.OnBoundsChange (bounds); 
     oval.Set (0, 0, bounds.Width(), bounds.Height()); 
    } 

    public override int IntrinsicWidth { 
     get { 
      return bmp.Width; 
     } 
    } 

    public override int IntrinsicHeight { 
     get { 
      return bmp.Height; 
     } 
    } 

    public override void SetAlpha (int alpha) 
    { 

    } 

    public override int Opacity { 
     get { 
      return (int)Format.Opaque; 
     } 
    } 

    public override void SetColorFilter (ColorFilter cf) 
    { 

    } 
} 

स्रोत: https://github.com/xamarin/xamarin-store-app/blob/master/XamarinStore.Droid/Views/CircleDrawable.cs

Answer 3

इन कड़ियों देखें:

How to create a circular ImageView in Android?

How to make an ImageView with rounded corners?

ऊपर कोड देशी Android के लिए काम करता है। आपको C# वाक्यविन्यास में कनवर्ट करने और xamarin एंड्रॉइड के लिए अपनाने के लिए कोड को ट्विक करने की आवश्यकता है। आपकी सुविधा के लिए मैंने कोड को सी # में बदल दिया है।

public class ImageHelper 
{ 
    public static Bitmap getRoundedCornerBitmap(Bitmap bitmap, int pixels) { 
    Bitmap output = Bitmap.CreateBitmap(bitmap.Width, bitmap.Height 
      , Android.Graphics.Bitmap.Config.Argb8888); 
    Canvas canvas = new Canvas(output); 
    Color color = Color.DodgerBlue; 
    Paint paint = new Paint(); 
    Rect rect = new Rect(0, 0, bitmap.Width, bitmap.Height); 
    RectF rectF = new RectF(rect); 
    float roundPx = pixels; 

    paint.AntiAlias = true; 
    canvas.DrawARGB(0, 0, 0, 0); 
    paint.Color = color; 
    canvas.DrawRoundRect(rectF, roundPx, roundPx, paint); 

    paint.SetXfermode(new PorterDuffXfermode(Android.Graphics.PorterDuff.Mode.SrcIn)); 
    canvas.DrawBitmap(bitmap, rect, rect, paint); 

    return output; 
} 

Answer 4

लिंक देखें: https://github.com/jamesmontemagno/CircleImageView-Xamarin.Android/blob/master/CircleImageSample/Resources/layout/Main.axml?

<refractored.controls.CircleImageView 
android:id="@+id/ImageProfile" 
    android:layout_width="80dp" 
android:layout_height="80dp" 
    android:scaleType="fitCenter" 
android:src="@drawable/app_icon" 
    android:layout_gravity="center_horizontal"/> 

=========================================== ================================ अस्वीकृति पैकेज से अपने प्रोजेक्ट में Refractored.controls.CircleImageView का संदर्भ जोड़ें।

Answer 5

Xamarin घटक उसी के लिए उपलब्ध है, तो आप इसे here