FlyoutMenus

allprojects {
    repositories {
        maven {
            url 'https://s01.oss.sonatype.org/content/repositories/releases/'
        }
    }
}

dependencies {
    implementation('com.gitee.chinasoft_ohos:flyoutmenu:1.0.0')
    ......  
}

<org.zakariya.flyoutmenu.FlyoutMenuView
            ohos:id="$+id:toolSelectorFlyoutMenu"
            ohos:width="match_content"
            ohos:height="match_content"
            ohos:padding="$float:flyout_menu_button_padding"
            ohos:right_margin="$float:flyout_menu_right_margin"
            hap:fmButtonSize="$float:flyout_menu_button_size"
            hap:fmItemHeight="$float:flyout_menu_item_height"
            hap:fmItemWidth="$float:flyout_menu_item_width"
            hap:fmMenuAnchor="top"
            hap:fmSelectedItemBackgroundColor="@color/toolSelectionBackgroundColor"
            />
```Полный пример использования:

```java
public class EmojiFlyoutMenu {
    
    /**
     * Преобразование Unicode в emoji
     */
    public static String uni2emoji(String unicode16) {
        if (unicode16.length() <= 0) {
            return null;
        }
        BigInteger bi = new BigInteger(unicode16, 16);
        String biemoji = bi.toString(10);
        Integer integer = Integer.valueOf(biemoji);
        String emoji = new String(Character.toChars(integer));
        return emoji;
    }

    public static class MenuItem extends FlyoutMenuView.MenuItem {

        String emojiString;
        Paint paint;
        int position;

        public MenuItem(Context context, int id, String emojiCode, float size, int color, int position) {
            super(context, id);  // type = 1
            this.emojiString = emojiCode;
            this.position = position;

            paint = new Paint();
            paint.setAntiAlias(true);
            paint.setColor(new Color(0xFFA30303));
            paint.setTextSize(96); //(int) size);106
            paint.setStyle(Paint.Style.FILL);
            paint.setTextAlign(Paint.Align.CENTER);
        }

        public String getEmojiCode() {
            return emojiString;
        }

        @Override
        public void onDraw(Canvas canvas, RectFloat bounds, float degreeSelected) {
            canvas.drawText(paint, uni2emoji(emojiString), bounds.getCenter().getPointX(), (bounds.bottom + bounds.top) / 2 + paint.descent() + 5); //uni2emoji(emojiString)
        }
    }

    public static class ButtonRenderer extends FlyoutMenuView.ButtonRenderer {  // Можно установить цвет внешней окружности

        private int emojiCode;
        private String emojiString;
        private Paint paint;
        private Paint paint1;
        private TextPaint textPaint;

        public ButtonRenderer(String emojiCode, float size, int color) {
            super();

            this.setEmojiCode(emojiCode);
            paint1 = new Paint();
            paint1.setColor(new Color(0xFFA30303));

            paint = new Paint();
            paint.setAntiAlias(true);
            paint.setColor(new Color(0xFFA30303));
            paint.setTextSize(96);
            paint.setTextAlign(Paint.Align.CENTER);
            paint.setStyle(Paint.Style.FILL);
        }
    }
}
``````java
public String getEmojiCode() {
    return emojiString;
}

public void setEmojiCode(String emojiCode) {
    this.emojiString = emojiCode;
}

@Override
public void onDrawButtonContent(Canvas canvas, RectFloat buttonBounds, Color buttonColor, float alpha) { // Реализация отрисовки содержимого кнопки
    canvas.drawText(paint, uni2emoji(emojiString), buttonBounds.getCenter().getPointX(), buttonBounds.getCenter().getPointY() + paint.descent() + 10); // можно реализовать
}
}

Чтобы использовать вышеуказанный код:

```markdown
smileyFlyoutMenu = (FlyoutMenuView) findComponentById(ResourceTable.Id_smileyFlyoutMenu);

String[] emojiCodes = {
    "1f60a", "1f603", "1f601",
    "1f602", "1f620", "1f61e",
    "1f630", "1f624"
};

ohos.global.resource.ResourceManager resManager = this.getResourceManager();
```        smileyFlyoutMenu.setSelectionListener(new FlyoutMenuView.SelectionListener() {
            @Override
            public void onItemSelected(FlyoutMenuView flyoutMenuView, FlyoutMenuView.MenuItem item) {
                smileyFlyoutMenuSelectionId = item.getId();
                renderer.setEmojiCode(((EmojiFlyoutMenu.MenuItem) item).getEmojiCode());
            }

            @Override
            public void onDismissWithoutSelection(FlyoutMenuView flyoutMenuView) {
            }
        });