ساخت ImageView ترکیبی در برنامه نویسی اندروید

Imageview ترکیبی در برنامه نویسی اندروید

با سلام خدمت تمامی برنامه نویسان و همراهان سایت Daseny. در این آموزش می خواهیم با روش ایجاد یک ImageView ترکیبی در برنامه نویسی اندروید آشنا شویم. منظورمان از ImageView ترکیبی کادر تصویری است که بتوان در آن بیش از یک تصویر را نمایش داد.

 برای ساخت ImageView ترکیبی در برنامه نویسی اندروید می توانیم از کتابخانه CombineView استفاده کنیم. البته به این نکته توجه کنید که برای استفاده از این کتابخانه نباید minSdkVersion برنامه شما کمتر از 19 باشد.

ساخت ImageView ترکیبی در برنامه نویسی اندروید با کتابخانه CombineView

برای استفاده از این کتابخانه نخست باید آن را به پروژه خود اضافه کنید. برای این کار ابتدا خط زیر را به repositories اضافه کنید.
maven { url 'https://jitpack.io' }

سپس خط زیر را هم یه depedendencies اضافه کنید و در پایان روی Sync Now کلیک کنید.

implementation 'com.github.VRGsoftUA:CombineView:0.1'

پس از اضافه شدن کتابخانه به برنامه می توانید از آن اسفاده کنید.
برای این کار کدهای زیر را به Layout برنامه اضافه کنید.

 

دقت کنید که این کتابخانه دو حالت دارد و می توانید دو یا چهار تصویر را با هم نمایش دهید. اگر می خواهید از دو تصویر استفاده کنید، مقدار cvType را two قرار دهید و اگر چهار عکس دارید آن را four قرار دهید. کنید. با استفاده از گزینه cvCorners نیز می توانید اندازه زاویه گوشه ها را مشخص کنید.

در مرحله بعدی به سراغ کدهای جاوا رفته و خطوط زیر را در هرجایی از برنامه که می خواهیم CombineView را نمایش دهیم قرار می دهیم.

CombineView image=findViewById(R.id.image);
image.setTopImage(ContextCompat.getDrawable(this, R.drawable.elephant));
image.setBottomImage(ContextCompat.getDrawable(this, R.drawable.racoon));
image.setLeftImage(ContextCompat.getDrawable(this, R.drawable.lion));
image.setRightImage(ContextCompat.getDrawable(this, R.drawable.panda));
image.setCorners(25);

در کد بالا ابتدا ارتباط با CombineView شده است و سپس تصاویر به آن معرفی شده اند. دقت کنید در اینجا چون در کد قبل تعداد تصاویر را چهار قرار داده ایم توانسته ایم از چهار عکس استفاده کنیم و اگر cvType برابر two بود، لازم نبود متد ()setLeftImage و ()setRightImage را مقداردهی کنیم. خط آخر نیز اندازه زاویه گوشه ها را معین می کند.

کدهای برنامه

activity_main.xml


    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"
    tools:context=".MainActivity">

MainActivity.java

package com.parseapp.myapplication;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.content.ContextCompat;

import android.os.Bundle;

import com.vrg.combineView.CombineView;

public class MainActivity extends AppCompatActivity {

   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      CombineView image=findViewById(R.id.image);
      image.setTopImage(ContextCompat.getDrawable(this, R.drawable.elephant));
      image.setBottomImage(ContextCompat.getDrawable(this, R.drawable.racoon));
      image.setLeftImage(ContextCompat.getDrawable(this, R.drawable.lion));
      image.setRightImage(ContextCompat.getDrawable(this, R.drawable.panda));
      image.setCorners(25);
   }
}

آموزش ساخت ImageView ترکیبی در برنامه نویسی اندروید به پایان رسید. لطفا نظرات، پیشنهادات و انتقادات خود را برای ما بنویسید. همچنین اگر سوالی دارید می توانید در بخش نظرات بازگو کنید. کاشناسان ما در اسرع وقت پاسخ گوی شما خواهند بود.
اگر به برنامه نویسی اندروید علاقه دارید می توانید در دوره مقدماتی برنامه نویسی اندروید ما ثبت نام کنید.

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Solve : *
18 + 18 =