Implementierungen von Emoji (Emoticon) -Ansicht / Tastaturlayouts

Können Sie diese Bibliothek verwenden, basierend auf Hieu-Rocker-Bibliothek:
https://github.com/ankushsachdeva/emojicon

Dies ist, wie es aussieht

InformationsquelleAutor der Antwort ankush

Wenn Sie nicht wollen, um ins Detail, wie implementieren Sie die Emoji-Tastatur-Funktionalität, können Sie versuchen, diese Bibliotheken:

• Rockerhieu /emojicon: implementiert die Emoji-Tastatur verwenden Fragmente (Sie müssen behandeln Sie das display mit einem DialogFragment. Es muss nicht die Unterstützung für das ändern, das layout und die Standard-man-Loch-Dunkles Thema;

• Android Emoji-Tastatur: Basierend auf Rockerhieu Arbeit, die ich gebaut haben, eine andere lib, bietet die emoji-Tastatur näher an dem, was wir gesehen haben, in apps wie WhatsApp oder Telegramm. Können Sie behandeln das layout als LinearLayout und daher behandeln die Interaktion mit der virtuellen Tastatur selbst (wie unten beschrieben), oder Sie verwenden Telegramm-Panel oder WhatsApp-Panel, beide zur Verfügung gestellt von der Bibliothek, dass es für Sie tut.

PS1: Beide Bibliotheken sind Apache-Lizenz

Teil 01: das layout

• Erstellen Sie ein GridView-Steuerelement für jedes Emoji-Seite ein, die Sie in Ihre Tastatur ein. Zum Beispiel:

• Binden die erstellten Ansichten in Fragmenten:

  public class FragmentEmojiNature extends FragmentEmoji {
  
  public static final String TAG = "FragmentEmojiNature";
  
  private View mRootView;
  private Emoji[] mData;
  private boolean mUseSystemDefault = false;
  
  private static final String USE_SYSTEM_DEFAULT_KEY = "useSystemDefaults";
  private static final String EMOJI_KEY = "emojic";
  
  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
      this.mRootView = inflater.inflate(R.layout.frag_emoji_nature, container, false);
      return this.mRootView;
  }
  
  @Override
  public void onViewCreated(View view, Bundle savedInstanceState) {
      GridView gridView = (GridView) view.findViewById(R.id.Emoji_GridView);
      Bundle bundle = getArguments();
      if (bundle == null) {
          mData = Nature.DATA;
          mUseSystemDefault = false;
      } else {
          Parcelable[] parcels = bundle.getParcelableArray(EMOJI_KEY);
          mData = new Emoji[parcels.length];
          for (int i = 0; i < parcels.length; i++) {
              mData[i] = (Emoji) parcels[i];
          }
          mUseSystemDefault = bundle.getBoolean(USE_SYSTEM_DEFAULT_KEY);
      }
      gridView.setAdapter(new EmojiAdapter(view.getContext(), mData, mUseSystemDefault));
      gridView.setOnItemClickListener(this);
  }

  }

• Erstellen Sie ein neues layout mit einer view pager und eine Komponente zur Steuerung der view pager-übergang (in meine Fall habe ich einen Dritten Teil-Bibliothek namens SmartTabLayout wie unten gezeigt:

  <com.ogaclejapan.smarttablayout.SmartTabLayout
      android:id="@+id/emoji_tabs"
      android:layout_width="0dip"
      android:layout_height="40dip"
      android:layout_weight="1"
      app:stl_clickable="true"
      app:stl_defaultTabBackground="@color/rsc_emoji_tab_bkg"
      app:stl_defaultTabTextAllCaps="true"
      app:stl_defaultTabTextColor="#000"
      app:stl_defaultTabTextHorizontalPadding="0dip"
      app:stl_defaultTabTextMinWidth="0dp"
      app:stl_defaultTabTextSize="14sp"
      app:stl_distributeEvenly="true"
      app:stl_dividerColor="@color/rsc_emoji_tab_bkg"
      app:stl_drawDecorationAfterTab="true"
      app:stl_indicatorColor="@color/rsc_emoji_tab_indicator"
      app:stl_indicatorGravity="bottom"
      app:stl_indicatorInFront="false"
      app:stl_indicatorInterpolation="smart"
      app:stl_indicatorThickness="2dp"
      app:stl_overlineThickness="0dp"
      app:stl_titleOffset="24dp"
      app:stl_underlineThickness="0dp"/>
  
  <ImageButton
      android:id="@+id/backspace"
      android:layout_width="wrap_content"
      android:layout_height="match_parent"
      android:background="@color/rsc_emoji_tab_bkg"
      android:paddingLeft="10dip"
      android:paddingRight="10dip"
      android:src="@drawable/sym_keyboard_delete_holo_dark"/>

PS2: den button oben vorhanden ist, um die backspace-Funktionalität

Teil 02: Controller-Schicht

• Erstellen Sie einen adapter, um die Kontrolle der insertion der emojis in der GridView, zum Beispiel:

  public class EmojiAdapter extends ArrayAdapter<Emoji> {
  
      private boolean mUseSystemDefault = Boolean.FALSE;
  
      //CONSTRUCTOR
      public EmojiAdapter(Context context, Emoji[] data) {
          super(context, R.layout.rsc_emoji_item, data);
      }
  
      public EmojiAdapter(Context context, List<Emoji> data) {
          super(context, R.layout.rsc_emoji_item, data);
      }
  
      public EmojiAdapter(Context context, List<Emoji> data, boolean useSystemDefault) {
          super(context, R.layout.rsc_emoji_item, data);
          this.mUseSystemDefault = useSystemDefault;
      }
  
      public EmojiAdapter(Context context, Emoji[] data, boolean useSystemDefault) {
          super(context, R.layout.rsc_emoji_item, data);
          this.mUseSystemDefault = useSystemDefault;
      }
  
      @Override
      public View getView(int position, View convertView, ViewGroup parent) {
          View view = convertView;
  
          if (view == null) {
              view = View.inflate(getContext(), R.layout.rsc_emoji_item, null);
              view.setTag(new ViewHolder(view, this.mUseSystemDefault));
          }
  
          Emoji emoji = this.getItem(position);
          ViewHolder holder = (ViewHolder) view.getTag();
          holder.icon.setText(emoji.getEmoji());
  
          return view;
      }
  
      static class ViewHolder {
          EmojiTextView icon;
  
          public ViewHolder(View view, Boolean useSystemDefault) {
              this.icon = (EmojiTextView) view.findViewById(R.id.emoji_icon);
              this.icon.setUseSystemDefault(useSystemDefault);
          }
      }
  }

• Klassen erstellen, werden Blasen jede eine der emoji-Seiten vorbei die emojis (nach der Unicode-Muster), um die GridView. also:

  @Override
  public void onViewCreated(View view, Bundle savedInstanceState) {
      GridView gridView = (GridView) view.findViewById(R.id.Emoji_GridView);
      Bundle bundle = getArguments();
      if (bundle == null) {
          mData = Nature.DATA;
          mUseSystemDefault = false;
      } else {
          Parcelable[] parcels = bundle.getParcelableArray(EMOJI_KEY);
          mData = new Emoji[parcels.length];
          for (int i = 0; i < parcels.length; i++) {
              mData[i] = (Emoji) parcels[i];
          }
          mUseSystemDefault = bundle.getBoolean(USE_SYSTEM_DEFAULT_KEY);
      }
      gridView.setAdapter(new EmojiAdapter(view.getContext(), mData, mUseSystemDefault));
      gridView.setOnItemClickListener(this);
  }

• Erstellen Sie zwei Klassen: eine, die aus erstreckt sich ein EditText und ein anderes, das sich von TextView. Abfangen der Eingabe von jedem einzelnen von Ihnen zu identifizieren wenn das eingegebene element ist ein Emoji, wenn dem so ist, fügen Sie ein spannableum die Anzeige des symbols (vor allem benötigen, wenn Sie wollen, überschreiben Sie die Standard-system-emojis zu haben, etwas, das aussieht wie whats-app oder Telegramm, zum Beispiel);

• Griff die Interaktion mit der soft-Tastatur. Es kann auf zwei Arten erfolgen:

  1. Zeichnen Sie einen Dialog über die soft-Tastatur;
  2. Deaktivieren Sie das zusammenspiel der soft-Tastatur, die mit der Tätigkeit und der Handhabung der Bildschirm selber ziehen;

PS3: ich hatte eine harte Zeit versucht, formatieren Sie den code und noch etwas von der XML-Code wird nicht angezeigt, wenn jemand es beheben kann, wäre ich dankbar

InformationsquelleAutor der Antwort Edgar Da Silva Fernandes

Fall 1 : Benutzerdefinierte Tastatur Gestartet, Erste
Die Tastatur ist Erstellt auf der Grundlage der Größe der Android-Tastatur , diese Tastatur ist in der Höhe, ist Unbekannt
Zunächst die Benutzerdefinierte Tastatur ist mit einer Festen Höhe - in diesem Fall müssen Sie, um den Bereich "Bearbeiten" über der Benutzerdefinierten Tastatur mit den "Feste Höhe" ( Welche verwendet werden können durch die Polsterung auf der Übergeordneten Layout, in dem Bearbeitungsbereich platziert ist ( parentLayout->setPadding ( 0 , 0 , 0 ,Höhe) ->Wo Höhe ist Ihre Erste Tastatur Höhe).
Hinweis : Nicht Vergessen, die Polsterung auf 0, wenn Sie die Benutzerdefinierte Tastatur Zerstört oder versteckt.

Fall 2 : Android Text-Tastatur Gestartet wird Zunächst

Die Tastatur ist Bekannt, Schreiben Sie in die Einstellungen, wenn Sie die Benutzerdefinierte Tastatur Gestartet wird, verwenden Sie diese Höhe.
Keine Notwendigkeit der Einstellung jeglicher Polsterung Ursache das ist, was die Android-Tastatur für Sie Tut.

InformationsquelleAutor der Antwort surya