Picasso image Lib

Library

Picasso image Lib intigration

By:admin
2022-01-30
Comments: 0

Java
Kotlin

Picasso lib is a good image lib for load server side and local image.In give example show only basic use of picasso in android.

dependencies for Picasso : add dependencies in app gradle file

dependencies {
implementation 'com.squareup.picasso:picasso:2.71828'
implementation 'jp.wasabeef:picasso-transformations:2.1.0'
}

Add Permission in Mainfest File : add following permission in mainfest file

<uses-permission android:name="android.permission.INTERNET"/>

MainActivity2.java

public class MainActivity2 extends AppCompatActivity {
    String imageUrl = "https://picsum.photos/536/354";
    ActivityMain2Binding binding;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        binding = DataBindingUtil.setContentView(this,R.layout.activity_main2);



        Picasso.get()
                .load(imageUrl)
                .into(binding.img);


        Picasso.get()
                .load(imageUrl).resize(200, 200)
                .centerCrop()
                .into(binding.img1);


        Picasso.get()
                .load(R.drawable.bg_img)
                .into(binding.img2);

        Picasso.get()
                .load(R.drawable.bg_img)
                .transform(new CropCircleTransformation())
                .into(binding.img3);

    }
}

mainactivity2.xml

<?xml version="1.0" encoding="utf-8"?>
<layout>
<androidx.appcompat.widget.LinearLayoutCompat
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity2">

    <androidx.appcompat.widget.LinearLayoutCompat
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="5dp"
        android:orientation="horizontal">

        <androidx.appcompat.widget.AppCompatImageView
            android:id="@+id/img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <androidx.appcompat.widget.AppCompatImageView
            android:id="@+id/img_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp" />

    </androidx.appcompat.widget.LinearLayoutCompat>


    <androidx.appcompat.widget.AppCompatImageView
        android:id="@+id/img_2"
        android:layout_width="wrap_content"
        android:layout_height="200dp"
        android:layout_marginTop="20dp" />


    <androidx.appcompat.widget.AppCompatImageView
        android:id="@+id/img_3"
        android:layout_width="wrap_content"
        android:layout_height="200dp"
        android:layout_marginTop="20dp" />

</androidx.appcompat.widget.LinearLayoutCompat>

</layout>

Picasso lib is a good image lib for load server side and local image.In give example show only basic use of picasso in android.

dependencies for Picasso : add dependencies in app gradle file

dependencies {
implementation 'com.squareup.picasso:picasso:2.71828'
implementation 'jp.wasabeef:picasso-transformations:2.1.0'
}

Add Permission in Mainfest File : add following permission in mainfest file

<uses-permission android:name="android.permission.INTERNET"/>

MainAcivity.kt

class MainActivity : AppCompatActivity() {

    var imageUrl = "https://picsum.photos/536/354"
    var binding: ActivityMainBinding? = null

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = DataBindingUtil.setContentView(this, R.layout.activity_main)

        Picasso.get()
            .load(imageUrl)
            .into(binding!!.img)


        Picasso.get()
            .load(imageUrl).resize(200, 200)
            .centerCrop()
            .into(binding!!.img1)


        Picasso.get()
            .load(R.drawable.bg_img)
            .into(binding!!.img2)

        Picasso.get()
            .load(R.drawable.bg_img)
            .transform(CropCircleTransformation())
            .into(binding!!.img3)


    }
}

main_activity.xml

<?xml version="1.0" encoding="utf-8"?>
<layout>

    <androidx.appcompat.widget.LinearLayoutCompat xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".MainActivity">

        <androidx.appcompat.widget.LinearLayoutCompat
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:orientation="horizontal">

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/img"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

            <androidx.appcompat.widget.AppCompatImageView
                android:id="@+id/img_1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="20dp" />

        </androidx.appcompat.widget.LinearLayoutCompat>


        <androidx.appcompat.widget.AppCompatImageView
            android:id="@+id/img_2"
            android:layout_width="wrap_content"
            android:layout_height="200dp"
            android:layout_marginTop="20dp" />


        <androidx.appcompat.widget.AppCompatImageView
            android:id="@+id/img_3"
            android:layout_width="wrap_content"
            android:layout_height="200dp"
            android:layout_marginTop="20dp" />

    </androidx.appcompat.widget.LinearLayoutCompat>

</layout>