Слияние кода завершено, страница обновится автоматически
ohos-Views
Пользовательские компоненты
Способ 1: Создайте har-пакет через library, добавьте har-пакет в папку libs. В gradle entry добавьте следующий код:
implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])
Способ 2:
allprojects{
repositories{
mavenCentral()
}
}
implementation 'io.openharmony.tpc.thirdlib:ohos-views-bottom-navigation:1.0.3'
implementation 'io.openharmony.tpc.thirdlib:ohos-views-particles:1.0.3'
implementation 'io.openharmony.tpc.thirdlib:ohos-views-progress-bar:1.0.3'
implementation 'io.openharmony.tpc.thirdlib:ohos-views-pulse-button:1.0.3'
Пользовательский компонент — particles (эффект частиц)
<com.onexeor.particlesview.ParticlesView
ohos:id="$+id:particlesView"
ohos:width="match_content"
ohos:height="match_content"
ohos:pv_background_color="#000000"
ohos:pv_linking_line_color="#ffffff"
ohos:pv_linking_line_width="0.5fp"
ohos:pv_linking_nodes_distance="100fp"
ohos:pv_nodes_color="#ffffff"
ohos:pv_nodes_count="100"
ohos:pv_nodes_size="2fp"
ohos:pv_nodes_speed_max="10"
ohos:pv_nodes_speed_min="1"
ohos:pv_touchable="true"
ohos:visibility="visible"
/>
Пользовательский компонент — pulse (импульсный эффект кнопки)
<io.singulart.pulse_button.PulseButton
ohos:margin="50fp"
ohos:id="$+id:pulseBtn"
ohos:width="100fp"
ohos:height="100fp"
ohos:pb_color_center_circle_stroke="#21D9CC"
ohos:pb_inner_circle_stroke_padding="7fp"
ohos:pb_pulse_speed="200"
ohos:pb_stroke_width_of_center_circle="1fp"
ohos:pb_stroke_width_of_outer_circle="2fp"
ohos:pb_wave_padding="20fp"
ohos:visibility="visible"
/>
Пользовательский компонент — progress (индикатор выполнения)
<io.singulart.particle_progress_bar.ParticleProgressBar
ohos:id="$+id:progress"
ohos:width="80fp"
ohos:height="80fp"
ohos:layout_alignment="center"
ohos:ppb_color="#ffffff"
ohos:ppb_count_balls="8"
ohos:ppb_enabled="true"
ohos:visibility="visible"
/>
Пользовательский компонент — bottomnavigationbar (панель навигации в нижней части экрана)
<io.singulart.bottomnavigationbar.CenterNavigationButton
ohos:id="$+id:centerBtn"
ohos:width="83fp"
ohos:height="83fp"
ohos:layout_alignment="bottom|horizontal_center"
ohos:bottom_margin="38fp"
ohos:cnb_background_color="#282B43"
ohos:cnb_foreground_color="#21D9CC"
ohos:cnb_foreground_color_normal="#666DA5"
ohos:visibility="visible"
/>
<io.singulart.bottomnavigationbar.BottomNavigationBar
ohos:id="$+id:btn_ng"
ohos:width="match_parent"
ohos:height="70fp"
ohos:bnb_background_color="#282B43"
ohos:bnb_item_selected_color="#21D9CC"
ohos:bnb_text_item_color="#666DA5"
ohos:bnb_top_left_radius="$float:fp_50"
ohos:bnb_top_right_radius="$float:fp_50"
ohos:bnb_shadow_radius="0fp"
ohos:bnb_center_btn="true"
ohos:bnb_cutout_deep="$float:fp_46"
ohos:bnb_cutout_bottom_offset="$float:fp_42"
ohos:bnb_cutout_leftTop_radius="$float:fp_10"
ohos:bnb_cutout_rightTop_radius="$float:fp_10"
ohos:bnb_cutout_bottomLeft_radius="$float:fp_50"
ohos:bnb_cutout_bottomRight_radius="$float:fp_50"
ohos:bnb_text_item_size="$float:vp_14"
``` ```
ohos:btn_title="$string:button_text"
ohos:layout_alignment="bottom"
ohos:visibility="visible"
/>
## Пример скриншота
## Требования к запуску entry
Через DevEco studio и скачать SDK
В файле build.gradle в разделе dependencies→classpath версии проекта изменить на соответствующую версию (то есть версию, используемую в вашем IDE для нового проекта)
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )