Fancybuttons

Проект

• Название проекта: Fancybuttons.
• Серия: openharmony, компонент для адаптации сторонних компонентов.
• Функционал: создание кнопок с иконками и рамкой.
• Состояние адаптации: завершено.
• Различия в вызовах: отсутствуют.
• Версия разработки: SDK6, DevEco Studio 2.2 Beta1.
• Базовая версия: Release v1.9.0.

Демонстрация эффекта

(Изображение demo.gif)

Установка

1. В файле build.gradle в корневом каталоге проекта:

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

2. В файле build.gradle модуля entry:

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

Проект можно запустить на SDK6 и DevEco Studio2.2 Beta1. Если не запускается, удалите файлы .gradle, .idea, build, gradle, build.gradle и создайте новый проект с собственной версией. Скопируйте новые файлы в корневой каталог.

Использование

1. Добавьте пространство имён FancyButtons в корневой макет:

xmlns:app="//schemas.huawei.com/apk/res/ohos"

2. Добавьте макет FancyButton:

<mehdi.sakout.fancybuttons.FancyButton
    ohos:id="$+id:only_text"
    ohos:height="match_content"
    ohos:width="64vp"
    ohos:layout_alignment="center"
    app:fb_borderColor="#FF4D3121"
    app:fb_borderWidth="1"
    app:fb_defaultColor="#731010"
    app:fb_disabledTextColor="#011ffe"
    app:fb_focusColor="#FFFE9C01"
    app:fb_radius="2"
    app:fb_text="comments"
    app:fb_textColor="#ffffff"
    app:fb_textSize="14"/>

3. Соответствующие свойства: | XML атрибут | Java атрибут | Описание | | --- | --- | --- | | fancy:fb_text | setText(String) | Текст кнопки | | fancy:fb_textColor | setTextColor(int) | Цвет текста кнопки | | fancy:fb_textSize | setTextSize(int) | Размер текста | | fancy:fb_textFont | setCustomTextFont(String) | Семейство шрифтов для текста | | fancy:fb_textGravity | setTextGravity(Int) | Расположение текста: слева, справа, сверху, снизу | | fancy:fb_iconResource | setIconResource(Drawable) | Изображение для кнопки | | fancy:fb_iconPosition | setIconPosition(int) | Положение изображения: слева, справа, сверху, снизу | | fancy:fb_iconSize | setFontIconSize(int) | Размер изображения | | fancy:fb_borderWidth | setBorderWidth(int) | Ширина рамки | | fancy:fb_borderColor | setBorderColor(int) | Цвет рамки | | fancy:fb_defaultColor | setBackgroundColor(int) | Основной цвет кнопки | | fancy:fb_focusColor | setFocusBackgroundColor(int) | Цвет кнопки при фокусе | | fancy:fb_disabledColor | setDisableBackgroundColor(int) | Цвет отключённой кнопки | | fancy:fb_disabledTextColor | setDisableTextColor(int) | Цвет текста отключённой кнопки | | fancy:fb_disabledBorderColor | setDisableBorderColor(int) | Цвет границы отключённой кнопки | | fancy:fb_radius | setRadius(int) | Радиус кнопки | | fancy:fb_radius (TopLeft, TopRight, BottomLeft, BottomRight) | setRadius(int[] radius) | Индивидуальный радиус для каждого угла кнопки | | fancy:fb_iconPaddingLeft | setIconPadding(int, int, int, int) | Отступ изображения слева | | fancy:fb_iconPaddingRight | setIconPadding(int, int, int, int) | Отступ изображения справа | | fancy:fb_iconPaddingTop | setIconPadding(int, int, int, int) | Отступ изображения сверху | | fancy:fb_iconPaddingBottom | setIconPadding(int, int, int, int) | Отступ изображения снизу | | fancy:fb_ghost | setGhost(boolean) | Кнопка с контуром | | fancy:fb_useSystemFont | setUsingSystemFont(boolean) | Если включено, текст кнопки будет использовать системный шрифт |

Также можно использовать атрибуты с префиксом ohos:, что ускоряет миграцию проекта. Атрибуты с префиксом fancy имеют меньший приоритет. 4. Стандартные свойства: | ohos:enabled | | ohos:text | | ohos:textSize | | ohos:textAllCaps | 5. Доступные методы get: | getText() | Возвращает текст кнопки | | getTextViewObject() | Возвращает объект textView | | getIconImageObject() | Возвращает изображение, заданное iconResource | 6. Пример использования FancyButton для входа через Facebook:

FancyButton facebookLoginBtn = new FancyButton(this);
facebookLoginBtn.setText("Login with Facebook");
facebookLoginBtn.setBackgroundColor(new Color(Color.getIntColor("#3b5998")));
facebookLoginBtn.setFocusBackgroundColor(new Color(Color.getIntColor("#5474b8")));
facebookLoginBtn.setRadius(2);
facebookLoginBtn.setIconPadding(0, 10, 10, 10);
facebookLoginBtn.setTextGravity(CENTER);
facebookLoginBtn.setIconResource(ResourceTable.Media_xi_f);
facebookLoginBtn.setIconPosition(POSITION_LEFT);
facebookLoginBtn.setFontIconSize(2f);
facebookLoginBtn.setTextSize(15);
``` **Тестирование**

CodeCheck: тестирование кода прошло без ошибок.

CloudTest: тестирование кода прошло без ошибок. 

Вирусная безопасность: проверка пройдена.

Текущая версия demo: основные функции соответствуют исходному компоненту.

**Версия**
1.0.0

**Авторские права и лицензии**
MIT http://opensource.org/licenses/MIT