انگیزشی : همیشه این جمله یادت باشه، اگه آسون بود، همه انجامش میدادن

ساخت و استفاده از اموجی ها در اندروید

ابرپوسته چندمنظوره و فروشگاهی انویژن

4.00 stars
  |   55 فروش
خرید و دانلود
ساخت و استفاده از اموجی ها در اندروید
  • شناسه محصول
    657
  • Verified Product
  • Iranian Product
  • Professional Product

توضیحات محصول

ساخت و استفاده از اموجی ها در اندروید :

اموجی ها راهی جالب برای بیان احساسات به دیگران می باشد. حتی افرادی با زبان متفاوت و کودکان معنا اموجی ها را درک می کنند.هر شبکه اجتماعی محبوبی مجموعه ای از اموجی ها را برای کاربران خود ارایه می دهد. اگر شما به اخرین پیام خود نگاه بیاندازید می بینید چقدر از اموجی ها استفاده کرده اید. در اندروید و آی او اس ، اموجی ها به Text fields ها معروف هستند.
در این مقاله قصد داریم نحوه ساخت مجموعه اموجی ها در برنامه اندروید با استفاده از کتابخانه SuperNova-Emoji را به شما عزیزان آموزش دهیم.

این سورس قابل استفاده در اندروید استودیو می باشد.

در ادامه، آموزش کامل در رابطه با این کتابخانه و سورس کدها داده شده است. تمامی موارد زیر در سورس گنجانده شده و آماده استفاده می باشد.

دریافت فایل نصبی

 

۱-یک مجموعه ساده

دستور زیر نحوه ساخت یک مجموعه اموجی ساده در کیبورد را نشان می دهد. در سازنده EmojiIconActions چهار پارامتر به نام های  Context, RootView, EmojiconEditText, و  ImageView وجود دارد.معمولا انتقال لایه پدر (layout) به عنوان RootView  بهترین گزینه برای نمایش اموجی ها در لایه های بالاتر است. EmojiconEditText  یک EditText  است همراه با ویژگی های قابل سفارش سازی زیاد برای رندر کردن اموجی ها، و اخرین پارامتر ImageView  برای سوئیچ کردن بین یک کیبورد ساده و یک کیبورد اموجی است.

برای نمایش اموجی ها در TextView ما از یک EmojiconTextView استفاده خواهیم کرد.



EmojIconActions emojIcon= new EmojIconActions(this, rootView, emojiconEditText, 
                            emojiImageView);

 
emojIcon.ShowEmojIcon();

 

اگر شما می خواهید از xml layout استفاده کنید، بهتر است به جای یک EditText ساده از EmojiconEditText استفاده کنید.

 

<hani.momanii.supernova_emoji_library.Helper.EmojiconEditText
    android:id="@+id/emojicon_edit_text"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    emojicon:emojiconSize="28sp" />

 

اموجی ها در اندروید

 

۲-تغییر Toggle Icon  پیشفرض

 

برای جابجایی بین یک کیبورد ساده و یک کیبورد اموجی شما می توانید متدد setIconsIds() صدا بزنید که دو پارامتر دریافت می کندkeyboard Icon ID و smiley Icon ID.

emojIcon.setIconsIds(R.drawable.ic_action_keyboard,R.drawable.smiley);

 

۳-استفاده از اموجی های پیشفرض دستگاه

کتابخانه SuperNova-Emoji این امکان را به شما می دهد تا از اموجی های پیشفرض دستگاه بطور ساده و راحت استفاده کنید.شما باید مقدار Boolean تابع های setUseSystemEmoji() و  setUseSystemDefault() را برابر TRUE  قرار بدهید در هر EmojiconTextView  و  EmojiconEditText که می خواهید از اموجی ها استفاده کنید.

emojIcon.setUseSystemEmoji(true);
textView.setUseSystemDefault(true);

emojiconEditText.setUseSystemDefault(true);

Xml attribute

emojicon:emojiconUseSystemDefault="true"

 

۴-تغییر سایز اموجی ها

برای تغییر سایز اموجی ها باید سایز مربوط به setEmojiconSize() را تغییر بدید

textView.setEmojiconSize(30);

XML code

emojicon:emojiconSize="28sp"

 

تغییر سایز اموجی ها در اندروید

۵-تشخیص باز و بسته بودن کیبورد

 

کتابخانه SuperNova-Emoji به شما امکان تشخیص باز و بسته بودن کیبورد را نیز می دهد. کد زیر را ببینید.

emojIcon.setKeyboardListener(new EmojIconActions.KeyboardListener() {
            @Override
            public void onKeyboardOpen() {
                Log.i("Keyboard","open");
            }
 
            @Override
            public void onKeyboardClose() {
                Log.i("Keyboard","close");
            }
        });

 

۶-تغییر رنگ کیبورد اموجی متناسب با تم برنامه خود

شما به سه رنگ برای تغییر رنگ اموجی ها نیاز دارید که این سه رنگ عبارت اند از رنگ ایکون تپ ها ، رنگ تپ ها و رنگ پس زمینه .


EmojIconActions emojIcon= new EmojIconActions(this, rootView, emojiconEditText, emojiImageView,
"#F44336","#e8e8e8","#f4f4f4");
 

emojIcon.ShowEmojIcon();

 

۷-ساخت یک برنامه ساده

اکنون یک برنامه ساده می سازیم که نحوه کار با اموجی ها در اندروید را کاملا متوجه شوید.
۱-ابتدا یک پروژه جدید با رفتن به مسیر File ⇒ New Project بسازید.
۲-فایل build.gradle بازکنید و کتابخانه SuperNova-Emoji را به آن اضافه کنید و همچینین maven repository.

repositories {
    maven { url "https://dl.bintray.com/hani-momanii/maven"}
}
 
dependencies {
    .
    .
    .
    // Supernova Emoji
    compile 'hani.momanii.supernova_emoji_library:supernova-emoji-library:0.0.2'
}

 

۳-فایل layout  مربوط به main activity (activity_main.xml) را باز کنید و دستورات زیر را به آن اضافه کنید.در اینجا می توانید emojiconEditText, emojiconTextView و ImageView. مشاهده کنید.

activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:emojicon="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/root_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="info.androidhive.emojis.MainActivity">
 
    <ImageView
        android:id="@+id/emoji_btn"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:padding="4dp"
        android:src="@drawable/ic_insert_emoticon_black_24dp" />
 
    <ImageView
        android:id="@+id/submit_btn"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:padding="4dp"
        android:src="@android:drawable/ic_menu_send" />
 
    <hani.momanii.supernova_emoji_library.Helper.EmojiconEditText
        android:id="@+id/emojicon_edit_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_toLeftOf="@id/submit_btn"
        android:layout_toRightOf="@id/emoji_btn"
        emojicon:emojiconSize="28sp" />
 
 
    <CheckBox
        android:id="@+id/use_system_default"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView"
        android:layout_centerHorizontal="true"
        android:checked="false"
        android:text="Use System Default?" />
 
    <hani.momanii.supernova_emoji_library.Helper.EmojiconTextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_marginTop="26dp"
        android:text="Hello Emojis!"
        android:textAppearance="@style/TextAppearance.AppCompat.Large"
        android:textColor="#000000"
        emojicon:emojiconSize="45sp"
        emojicon:emojiconUseSystemDefault="true" />
</RelativeLayout>

 

۴-فایل MainActivity.java باز کنید و تغییرات زیر را به آن اعمال کنید.این قسمت سنایور های اجرایی متفاوتی را در SuperNova-Emoji همانطور که گفته شده نشان می دهد.

MainActivity.java
package info.androidhive.emojis;
 
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.View;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.ImageView;
 
import hani.momanii.supernova_emoji_library.Actions.EmojIconActions;
import hani.momanii.supernova_emoji_library.Helper.EmojiconEditText;
import hani.momanii.supernova_emoji_library.Helper.EmojiconTextView;
 
public class MainActivity extends AppCompatActivity {
 
    private static final String TAG = MainActivity.class.getSimpleName();
    CheckBox mCheckBox;
    EmojiconEditText emojiconEditText;
    EmojiconTextView textView;
    ImageView emojiImageView;
    ImageView submitButton;
    View rootView;
    EmojIconActions emojIcon;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        rootView = findViewById(R.id.root_view);
        emojiImageView = (ImageView) findViewById(R.id.emoji_btn);
        submitButton = (ImageView) findViewById(R.id.submit_btn);
        mCheckBox = (CheckBox) findViewById(R.id.use_system_default);
        emojiconEditText = (EmojiconEditText) findViewById(R.id.emojicon_edit_text);
        textView = (EmojiconTextView) findViewById(R.id.textView);
        emojIcon = new EmojIconActions(this, rootView, emojiconEditText, emojiImageView);
        emojIcon.ShowEmojIcon();
        emojIcon.setIconsIds(R.drawable.ic_action_keyboard, R.drawable.smiley);
        emojIcon.setKeyboardListener(new EmojIconActions.KeyboardListener() {
            @Override
            public void onKeyboardOpen() {
                Log.e(TAG, "Keyboard opened!");
            }
 
            @Override
            public void onKeyboardClose() {
                Log.e(TAG, "Keyboard closed");
            }
        });
 
        mCheckBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
                emojIcon.setUseSystemEmoji(b);
                textView.setUseSystemDefault(b);
 
            }
        });
 
 
        submitButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String newText = emojiconEditText.getText().toString();
                textView.setText(newText);
            }
        });
    }
}

 

اکنون میتوانید برنامه را اجرا کنید و از کیبور اموجی خود لذت ببرید.

 


محصولات مشابه

تومان