Android Studio 引入Xui框架-简单应用

Android Studio Flamingo | 2022.2.1 Patch 2 

Android 11开发、Gradle Version 8.0、 jdk17

源代码:GitHub - xuexiangjys/XUI: 💍A simple and elegant Android native UI framework, free your hands! (一个简洁而优雅的Android原生UI框架,解放你的双手!)

参考手册:

Home · xuexiangjys/XUI Wiki · GitHub

快速继承Demo:

GitHub - xuexiangjys/TemplateAppProject: Android template project, fast construction (integrated XUI, XUtil, XAOP, XPage, XUpdate, XHttp2, Umeng Statistics and Walle multi-channel package). Android空壳模板工程,快速搭建(集成了XUI、XUtil、XAOP、XPage、XUpdate、XHttp2、友盟统计和walle多渠道打包)

1.在settings.gradle文件中加入依赖   maven { url "https://jitpack.io" }  

(点击 Sync Now 同步下)

dependencyResolutionManagement {repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)repositories {google()mavenCentral()//导入mavenmaven { url "https://jitpack.io" }}
}

2.在build.gradle 引入Xui   implementation 'com.github.xuexiangjys:XUI:1.1.5'

(点击 Sync Now 同步下)

dependencies {//xuiimplementation 'com.github.xuexiangjys:XUI:1.1.5'implementation 'androidx.appcompat:appcompat:1.4.1'implementation 'com.google.android.material:material:1.5.0'implementation 'androidx.constraintlayout:constraintlayout:2.1.3'testImplementation 'junit:junit:4.13.2'androidTestImplementation 'androidx.test.ext:junit:1.1.3'androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
}

3. 写个类继承 Application 重写onCreate方法 加入

         XUI.init(this); //初始化UI框架
        XUI.debug(true);  //开启UI框架调试日志

import android.app.Application;import com.xuexiang.xui.XUI;public class XuiActivity extends Application {@Overridepublic void onCreate() {super.onCreate();XUI.init(this); //初始化UI框架XUI.debug(true);  //开启UI框架调试日志}
}

4.在AndroidManifest.xml中加入 这个类  android:name=".XuiActivity"

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"><application<!-- 加入-->android:name=".XuiActivity"android:allowBackup="true"android:icon="@mipmap/ic_launcher"android:label="@string/app_name"android:roundIcon="@mipmap/ic_launcher_round"android:supportsRtl="true"android:theme="@style/Theme.MyAppday3"><activityandroid:name=".MainActivity"android:exported="true"><intent-filter><action android:name="android.intent.action.MAIN" /><category android:name="android.intent.category.LAUNCHER" /></intent-filter></activity></application></manifest>

5.把样式改一下

基础主题类型:大平板(10英寸, 240dpi, 1920*1200):XUITheme.Tablet.Big小平板(7英寸, 320dpi, 1920*1200):XUITheme.Tablet.Small手机(4.5英寸, 320dpi, 720*1280):XUITheme.Phone<resources xmlns:tools="http://schemas.android.com/tools"><!-- Base application theme. --><style name="Base.Theme.MyAppday3" parent="XUITheme.Phone"><!-- Customize your light theme here. --><!-- <item name="colorPrimary">@color/my_light_primary</item> --></style><style name="Theme.MyAppday3" parent="Base.Theme.MyAppday3" />
</resources>

6.即可在布局中添加相关组件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><ScrollViewandroid:layout_width="match_parent"android:layout_height="wrap_content"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"android:gravity="center"><com.xuexiang.xui.widget.button.roundbutton.RoundButtonstyle="@style/RoundButton.Auto"android:layout_marginTop="20dp"android:text="默认圆角大小" /><com.xuexiang.xui.widget.button.roundbutton.RoundButtonstyle="@style/RoundButton.Auto"android:layout_marginTop="20dp"android:text="自定义样式"android:textColor="@color/xui_default_round_btn_white_text"app:rb_backgroundColor="@color/xui_round_btn_green_bg"app:rb_borderColor="@color/xui_round_btn_green_bg" /><com.xuexiang.xui.widget.button.shadowbutton.ShadowButtonandroid:layout_width="100dp"android:layout_height="100dp"android:layout_margin="16dp"app:sb_ripple_duration="2000"android:background="@mipmap/ic_launcher"app:sb_ripple_color="@color/app_color_theme_8"app:sb_color_pressed="@color/app_color_theme_6"app:sb_radius="6dp" /><com.xuexiang.xui.widget.button.ButtonViewstyle="@style/ButtonView.Blue"android:layout_margin="20dp"/><com.xuexiang.xui.widget.button.ButtonViewstyle="@style/ButtonView.Green"android:layout_margin="20dp"/><com.xuexiang.xui.widget.button.ButtonViewstyle="@style/ButtonView.Gray"android:layout_margin="20dp"/>
<!-- 倒计时button--><com.xuexiang.xui.widget.button.CountDownButtonandroid:id="@+id/bt_countdown4"style="@style/Button.Blue"android:text="获取验证码" /><com.xuexiang.xui.widget.button.switchbutton.SwitchButtonandroid:id="@+id/sb_ios"style="@style/SwitchButtonStyle"android:layout_width="wrap_content"android:layout_height="wrap_content"app:swb_animationDuration="300"app:swb_backDrawable="@drawable/ios_back_drawable"app:swb_thumbDrawable="@drawable/ios_thumb_selector"app:swb_thumbMarginBottom="-8dp"app:swb_thumbMarginLeft="-5dp"app:swb_thumbMarginRight="-5dp"app:swb_thumbMarginTop="-2.5dp"app:swb_thumbRangeRatio="1.4" /><com.xuexiang.xui.widget.button.RippleViewandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="?attr/xui_config_content_spacing_horizontal"app:rv_type="simpleRipple"><TextViewandroid:layout_width="match_parent"android:layout_height="100dp"android:layout_gravity="center"android:layout_marginStart="?attr/xui_config_content_spacing_horizontal"android:layout_marginEnd="?attr/xui_config_content_spacing_horizontal"android:background="@color/app_color_theme_1"android:gravity="center"android:text="单波纹"android:textColor="@color/xui_config_color_white"android:textSize="20sp" /></com.xuexiang.xui.widget.button.RippleView><!-- 悬浮按钮--><com.google.android.material.floatingactionbutton.FloatingActionButtonandroid:layout_width="50dp"android:layout_height="50dp"app:borderWidth="10px"android:backgroundTint="@color/app_color_theme_4"app:rippleColor="@color/app_color_theme_3"/><com.xuexiang.xui.widget.button.SwitchIconViewandroid:id="@+id/switchIconView3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:padding="8dp"app:siv_disabled_alpha=".5"app:siv_disabled_color="#dadada"app:siv_enabled="true"app:siv_tint_color="#ffb700"app:srcCompat="@drawable/ic_camera" /><com.xuexiang.xui.widget.button.SmoothCheckBoxandroid:id="@+id/scb"android:layout_width="40dp"android:layout_height="40dp"android:layout_margin="5dp"android:paddingTop="10dp"app:scb_color_checked="@color/app_color_theme_1" /><com.xuexiang.xui.widget.button.shinebutton.ShineButtonandroid:id="@+id/shine_button"android:layout_width="30dp"android:layout_height="30dp"android:layout_gravity="center"app:sb_checked_color="#f26d7d"app:sb_icon_image="@drawable/ic_heart"app:sb_normal_color="@android:color/darker_gray" /><com.xuexiang.xui.widget.button.shinebutton.ShineButtonandroid:id="@+id/shine_button_1"android:layout_width="30dp"android:layout_height="30dp"android:layout_gravity="center"android:src="@android:color/darker_gray"app:sb_allow_random_color="false"app:sb_big_shine_color="#FF6666"app:sb_checked_color="#FF6666"app:sb_click_animation_duration="200"app:sb_enable_flashing="false"app:sb_icon_image="@drawable/ic_like"app:sb_normal_color="@android:color/darker_gray"app:sb_shine_animation_duration="1500"app:sb_shine_count="15"app:sb_shine_distance_multiple="1.5"app:sb_shine_turn_angle="10"app:sb_small_shine_color="#CC9999"app:sb_small_shine_offset_angle="20" /><!-- button xui--><com.xuexiang.xui.widget.button.ButtonViewandroid:id="@+id/buttonView"style="@style/ButtonView.Green"android:layout_width="50dp"android:layout_height="50dp"android:layout_marginTop="237dp"android:layout_marginBottom="69dp"app:layout_constraintBottom_toTopOf="@+id/textView"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent" /><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Hello World!"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent" /></LinearLayout></ScrollView>
</LinearLayout>

实例图: 

相关资源:导入项目后,在源项目码中查找 Ctrl+N 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/156280.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

WordPress网站迁移实战经验

前几日,网站服务器到期,换了服务商,就把我的WordPress的网站迁移到本地电脑了。方便以后文章迁移。 本次迁移网站主要经历以下几个步骤。 1.域名转出。 2.备份数据库及网站文件下载。 3.重新搭建WordPress网站。 4.网站文件及数据库导入。 下面详细介绍下每个步骤的操作…

【狂神说Java】redis

✅作者简介&#xff1a;CSDN内容合伙人、信息安全专业在校大学生&#x1f3c6; &#x1f525;系列专栏 &#xff1a;【狂神说Java】 &#x1f4c3;新人博主 &#xff1a;欢迎点赞收藏关注&#xff0c;会回访&#xff01; &#x1f4ac;舞台再大&#xff0c;你不上台&#xff0c…

pipeline传参给job

场景&#xff1a;pipeline实现自动部署&#xff0c;job实现自动测试&#xff0c;但是只有部署dddd环境时&#xff0c;才调自动测试的job&#xff0c;所以需要在调自动测试job时&#xff0c;把参数传给测试job 上一个任务会显示下一步调谁 ------------------------------------…

解决:ERR This instance has cluster support disabled

问题描述 在使用Redisson做分布式锁&#xff0c;连接redis时&#xff0c;提示以下错误&#xff1a; 问题定位 通过指令&#xff1a; cluster nodes查看&#xff0c;发现 出现这种提示的原因&#xff0c;是因为此Redis实例已经禁用了集群(默认状态下是禁用状态)。 解决 …

Flowable工作流高级篇

文章目录 一、任务分配和流程变量1.任务分配1.1 固定分配1.2 表达式分配1.2.1 值表达式1.2.2 方法表达式 1.3 监听器分配 2.流程变量2.1 全局变量2.2 局部变量2.3 案例讲解 二、候选人和候选人组1.候选人1.1 定义流程图1.2 部署和启动流程实例1.3 任务的查询1.4 任务的拾取1.5 …

Linux进程通信——消息队列

概念 消息队列&#xff0c;是消息的链接表&#xff0c;存放在内核中。一个消息队列由一个标识符(即队列ID)来标识。 特点 1.消息队列是面向记录的&#xff0c;其中的消息具有特定的格式以及特定的优先级。&#xff08;消息队列是结构体&#xff09; 2.消息队列独立于发送与接…

如何制作动态表情包?一个方法快学起来

在当代的通讯工具中&#xff0c;动态表情包已经是人们日常交流不可缺少的一部分了。但是&#xff0c;很多时候网络上常见的动态表情包不能够很好表达出我们的需求时应该怎么办呢&#xff1f;这时候&#xff0c;我们可以使用gif动图制作&#xff08;https://www.gif.cn/&#xf…

用VS编译ROS包

扩展安装 在扩展中搜索并安装ROS、C、python、CMake和CMake Tools。 打开工作空间 文件→打开文件夹 新建功能包 右键src文件夹&#xff0c;选择新建功能包&#xff08;通常是最后一条命令&#xff09; 编译 如果需要新建终端的话&#xff0c;就点击下图中的加号 创建la…

14. UART串口通信

14. UART串口通信 1. UART1.1 UART 通信格式1.2 UART 电平标准1.3 I.MX6U UART 简介1.3.1 控制寄存器1 UARTx_UCR1(x1~8)1.3.2 控制寄存器2 UARTx_UCR21.3.3 控制寄存器3 UARTx_UCR31.3.4 状态寄存器2 UARTx_USR21.3.4 UARTx_UFCR 、 UARTx_UBIR 和 UARTx_UBMR1.3.5 UARTx_URXD…

【原创】CentOS7.9解决mdadm组raid阵列后resync非常慢的问题

前言 前几日我买了4块16TB的硬盘使用mdadm组了一个raid10阵列&#xff0c;具体如何搭建的可以看我之前的博客。 【报错记录】疯狂踩坑之RockyLinux创建Raid1镜像分区&#xff0c;Raid分区在重启后消失了&#xff01;外加华硕主板使用Raid模式后&#xff0c;硬盘在系统中无法找…

【LeetCode刷题-链表】--23.合并K个升序链表

23.合并K个升序链表 方法&#xff1a;顺序合并 在前面已经知道合并两个升序链表的前提下&#xff0c;用一个变量ans来维护以及合并的链表&#xff0c;第i次循环把第i个链表和ans合并&#xff0c;答案保存到ans中 /*** Definition for singly-linked list.* public class List…

C语言的基础概念

1、编译和链接 C语⾔是⼀⻔编译型计算机语⾔&#xff0c;C语⾔源代码都是⽂本⽂件&#xff0c;⽂本⽂件本⾝⽆法执⾏&#xff0c;必须通过编译器翻译和链接器的链接&#xff0c;⽣成⼆进制的可执⾏⽂件&#xff0c;可执⾏⽂件才能执⾏。 C语⾔代码是放在 .c 为后缀的⽂件中的…

缓冲区的奥秘:如何模拟实现C库的FILE结构体和接口

&#x1f4df;作者主页&#xff1a;慢热的陕西人 &#x1f334;专栏链接&#xff1a;Linux &#x1f4e3;欢迎各位大佬&#x1f44d;点赞&#x1f525;关注&#x1f693;收藏&#xff0c;&#x1f349;留言 本博客主要内容模拟实现了C库内部的FILE结构体及其对应的接口然后从内…

2023感恩节倒计时:跨境卖家如何借势风潮,成功脱颖而出?

感恩节&#xff0c;是西方世界最为重要的家庭聚会时刻之一&#xff0c;也是全球购物狂欢的开端。对于跨境电商卖家而言&#xff0c;这一时刻既是挑战&#xff0c;更是机遇。在感恩节大促倒计时的紧张氛围中&#xff0c;如何让自己的产品在激烈的市场竞争中脱颖而出&#xff0c;…

算法训练 第八周

二、路径总和 1.深度优先搜索 使用递归的方式遍历二叉树&#xff0c;判断当前节点是否为叶子节点&#xff0c;如果是叶子节点&#xff0c;判断路径和是否等于目标和。如果不是叶子节点&#xff0c;则递归遍历左右子树&#xff0c;直到找到叶子节点或者遍历完整个二叉树。具体代…

转录组学习第四弹-数据质控

数据质控 将SRR转为fastq之后&#xff0c;我们需要对fastq进行质量检查&#xff0c;排除质量不好的数据 1.质量检查&#xff0c;生成报告文件 ls *fastq.gz|while read id;do fastqc $id;done并行处理 ls *fastq.gz|xargs fastqc -t 102.生成 html 报告文件和对应的 zip 压缩…

在网页中添加水印的实现方法

在网页设计中&#xff0c;为了保护内容的版权以及增加一些特殊效果&#xff0c;经常需要在页面上添加水印。本文将介绍一种通过Canvas和JavaScript实现在网页上添加水印的方法。 功能&#xff1a; 允许自定义水印内容、字体颜色可以防止用户删除水印元素、修改样式等其他手段…

JNPF开发平台凭什么火?

一、关于低代码 JNPF平台在提供无代码&#xff08;可视化建模&#xff09;和低代码&#xff08;高度可扩展的集成工具以支持跨功能团队协同工作&#xff09;开发工具上是独一无二的。支持简单、快速地构建及不断改进Web端应用程序&#xff0c;可为整个应用程序的生命周期提供全…

Ubuntu18 Opencv3.4.12 viz 3D显示安装、编译、移植

Opencv3.*主模块默认包括两个3D库 calib3d用于相机校准和三维重建 ,viz用于三维图像显示,其中viz是cmake选配。 参考: https://docs.opencv.org/3.4.12/index.html 下载linux版本的源码 sources。 查看cmake apt list --installed | grep cmake 查看vtk apt list --ins…