Computer >> Máy Tính >  >> Lập trình >> Android

Làm thế nào để thêm thư viện picasso trong studio android?

Trước khi đi vào ví dụ thư viện picasso, chúng ta nên biết về picasso. Picasso là thư viện xử lý hình ảnh và được phát triển bởi Square Inc. Ngày xưa, chúng tôi thường viết những đoạn mã dài để lấy hình ảnh từ máy chủ hoặc xử lý., Để tối ưu hóa quy trình mà picasso đã giới thiệu.

Ví dụ này minh họa về cách tích hợp thư viện picasso trong android studio.

Bước 1 - Tạo một dự án mới trong Android Studio, đi tới Tệp ⇒ Dự án Mới và điền tất cả các chi tiết cần thiết để tạo một dự án mới.

Bước 2 - Thêm mã sau vào build.gradle.

apply plugin: 'com.android.application'
android {
   compileSdkVersion 28
   defaultConfig {
      applicationId "com.example.andy.myapplication"
      minSdkVersion 15
      targetSdkVersion 28
      versionCode 1
      versionName "1.0"
      testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
   }
   buildTypes {
      release {
         minifyEnabled false
         proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'  
      }
   }
}
dependencies {
   implementation fileTree(dir: 'libs', include: ['*.jar'])
   implementation 'com.android.support:appcompat-v7:28.0.0'
   implementation 'com.android.support.constraint:constraint-layout:1.1.3'
   testImplementation 'junit:junit:4.12'
   implementation 'com.squareup.picasso3:picasso:2.71828'
   androidTestImplementation 'com.android.support.test:runner:1.0.2'
   androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}

Bước 3 - Thêm mã sau vào res / layout / activity_main.xml.

<?xml version = "1.0" encoding = "utf-8"?>
<android.support.constraint.ConstraintLayout
   xmlns:android = "https://schemas.android.com/apk/res/android" xmlns:tools = "https://schemas.android.com/tools" android:layout_width = "match_parent"
   android:layout_height = "match_parent">
<LinearLayout
   android:layout_width = "match_parent"
   android:layout_height = "match_parent"
   android:gravity = "center"
   android:orientation = "vertical">
   <ImageView
      android:id = "@+id/imageView"
      android:layout_width = "wrap_content"
      android:layout_height = "wrap_content" />
</LinearLayout>
</android.support.constraint.ConstraintLayout>

Bước 4 - Thêm mã sau vào src / MainActivity.java

package com.example.andy.myapplication;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.ImageView;
import android.widget.Toast;
import com.squareup.picasso.Callback;
import com.squareup.picasso.Picasso;
public class MainActivity extends AppCompatActivity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      ImageView imageView=findViewById(R.id.imageView);
      Picasso.with(this)
      .load("https://www.tutorialspoint.com/images/tp-logo-diamond.png")
      .placeholder(R.mipmap.ic_launcher)
      .resize(400, 400)
      .centerCrop()
      .rotate(0)
      .into(imageView, new Callback() {
         @Override
         public void onSuccess() {
            Toast.makeText(getApplicationContext(), "Fetched image from internet", Toast.LENGTH_SHORT).show();
         }
         @Override
         public void onError() {
            Toast.makeText(getApplicationContext(), "An error occurred", Toast.LENGTH_SHORT).show();
         }
      });
   }
}

Trong đoạn mã trên, chúng ta có rất nhiều phương thức được kết hợp với picasso như được hiển thị bên dưới.

  • với () - chúng ta phải chuyển ngữ cảnh cho thư viện piasso

  • tải () - những gì chúng ta muốn tải trong picass, chúng ta phải cung cấp đường dẫn đó là thư mục cục bộ hoặc nguồn internet

  • thay đổi kích thước () - nếu bạn muốn thay đổi kích thước hình ảnh của mình, bạn có thể làm điều đó với chiều rộng và chiều cao nhất định.

  • centercrop () - bạn có thể cắt tâm cho chế độ xem hình ảnh của mình.

  • xoay () - bạn có thể xoay hình ảnh của mình từ 0 đến 360 độ

  • thành () - Bạn muốn hiển thị ở chế độ xem nào, chúng ta phải cung cấp đường dẫn chế độ xem ảnh và có hai lệnh gọi lại như hình dưới đây

  • onSuccess () - nếu hình ảnh được tải xuống thành công, bạn có thể thực hiện bất kỳ hành động nào.

  • onError () - nếu hình ảnh không được tải xuống thành công, bạn có thể thực hiện bất kỳ hành động nào.

Hãy thử chạy ứng dụng của bạn. Tôi giả sử bạn đã kết nối thiết bị Di động Android thực tế với máy tính của mình. Để chạy ứng dụng từ android studio, hãy mở một trong các tệp hoạt động của dự án của bạn và nhấp vào Chạy Làm thế nào để thêm thư viện picasso trong studio android? biểu tượng từ thanh công cụ. Chọn thiết bị di động của bạn làm tùy chọn, sau đó kiểm tra thiết bị di động sẽ hiển thị màn hình mặc định của bạn.

Làm thế nào để thêm thư viện picasso trong studio android?

Bây giờ bạn có thể quan sát hình trên, Hình trên được cắt theo kích thước mà chúng tôi đã đưa ra trong resize (). Bây giờ chúng ta đã loại bỏ phương thức centerCrop () và resize, nó sẽ hiển thị hình ảnh với kích thước mặc định như hình bên dưới.

Làm thế nào để thêm thư viện picasso trong studio android?