我的第一个unity项目是卡牌游戏,是看着慕课网以及用同学分享的项目资源跟着老师做的。慕课网课程的链接,希望老师允许我把课程的链接放在这里,宁静方致远 分享的项目,内含素材,希望他们可以同意把他们的链接放在这里。 游戏功能是判断两张翻转的卡牌是否相同,如果相同就消掉两张卡牌,不相同就把卡牌翻转到背面,游戏共有三个关卡,分别有23、24,2*5张卡牌。下面是游戏的界面 1.panel_start界面
转载
2024-02-28 10:06:16
637阅读
目标需求:在制定区域内部进行拖选,可以获得选中卡片的信息,靠近中间区域的会变大,两侧变小,松手的时候会返回到最靠近的一个卡片当中。结合我们的需求,下面就教大家实现UI拖选卡片的功能Unity组件代码如下using System.Collections;using System.Collections.Generic;using UnityEngine;u...
转载
2021-06-17 12:16:27
440阅读
目标需求:在制定区域内部进行拖选,可以获得选中卡片的信息,靠近中间区域的会变大,两侧变小,松手的时候会返回到最靠近的一个卡片当中。结合我们的需求,下面就教大家实现UI拖选卡片的功能Unity组件代码如下using System.Collections;using System.Collections.Generic;using UnityEngine;u...
转载
2022-03-20 11:53:43
119阅读
在现实生活在,视觉信息总是很吸引人的眼球,好的页面设计总是能够脱颖而出,而卡片设计的应用就是一种趋势。有数据显示移动端使用率远远高于桌面端,网页设计都能很好的适应小屏幕。这个结论就是:简单的界面风格,比如:扁平化设计,极简设计,尤其是卡片设计比往年都要流行。卡片式网页设计判断一个卡片设计的好坏,重点看下面两个:好的卡片设计不会使用太多的加载时间,同时它也能在不同的屏幕上切换自如。小的模块对于用户来
转载
2023-11-17 20:50:15
125阅读
本文借鉴了一部分上文,卡片布局部分不再是自己写 DIV 和 CSS ,而是改用了 element-ui 的 “card 卡片”,使用方法见:https://element.eleme.cn/#/zh-CN/component/card并且添加了全选 和 其他功能。关键点:【最开始这两个点疏忽了,调了一下午。是个小坑】1、input 的 id 和&nbs
转载
2023-12-28 08:50:30
133阅读
文章目录系列文章目录@[TOC](文章目录)前言1、学习Element-plus 的tabs组件选项卡功能1.1、tabs 组件1.2、基础用法1.3、卡片风格的标签1.4、标签位置的设置1.5、Tabs 属性1.6、Tabs 事件2、博物馆管理系统数据展示2.1、产品原型图2.2、准备mock数据2.3、通过axios加载数据总结前言在第一章节,我们把博物馆管理系统打了个地基,基本的产品架构和框
卡片设计在界面中已经是非常常见的一种设计形式,大家做设计时几乎都会用到。关于卡片设计的文章网上已经有很多了,今天我想从我自己的经验来总结卡片设计的细节要点,期望能给大家总结一些快速提升卡片设计效果的方法。 1、卡片的造型 1)圆角不同的圆角,所带来的气质是不同的。圆角很小,视觉印象是硬朗,高冷,具有攻击性的,多用于严肃、高端、冲突感强烈的设计中;而更大的圆角给人的感觉是有亲和力,柔软,安全
转载
2023-09-10 18:24:05
250阅读
Mint UI
1.组件库基础1.1 什么组件?组件(Component)是对复用的结构<template>、表现(<style>)及行为<script>的封装,其优势在于一次定义,多次使用。组件库是由多个组件形成的完整的架构体系。1.2 组件库的分类根据组件库应用平台的不同,可以分为:移动端组件库
Mint UI(饿了吗) – http://mint-
一.自定义实现:效果图: 直接看代码实现:1.MainActivitypublic class InvestEventActivity extends AbstractBaseUi implements View.OnClickListener, ViewPager.OnPageChangeListener {
private ViewPager viewPager
转载
2023-09-14 14:50:09
128阅读
这篇博客我又回到了UGUI上 这里我主要介绍一些关于拖拽的接口还有EventTrigger等组件的使用 希望对大家的游戏开发有所帮助拖拽功能 在很多游戏中都要用到拖拽功能 比如装备的熔炼售卖等功能 还有手游中的轮盘控制方向的轮盘也需要用到拖拽我这里主要使用接口来实现的 首先有好多个接口需要大家大致了解IInitializePotentialDragHandler,IBeginDragHandler
转载
2024-10-26 09:38:35
145阅读
在Android中创建卡片式UIAndroid card UI自从Google首次在Google+中推出了卡片式UI,卡片式变得越来越受欢迎。每个人都喜欢这种样式,并在自己的软件里实现类似的概念。它不仅可用于时尚的图形展示,也提供相应的逻辑功能,每个卡片都有它自己的内容和作用于内容的行为逻辑。换句话说,每个卡片都有自己的内容管理。 当我们开始为易趣Kleinanzeigen程序考虑预定功能时,最大
在使用android卡片是ui之前,先可以去看看github上的一个效果 https://github.com/AWCNTT/ArticleTranslateProject/blob/master/translated/Issue%23105/2014-11-06-Creating-a-Cards-UI-on-Android.md
自从卡片式UI第一次在Go
转载
2023-09-15 19:31:19
184阅读
UGUI介绍: IMGUI : 是Unity自带得到古老UI系统。 NGUI : 是最流行的第三方UI插件。 FairyGUI : 是跨平台的UI系统。(小游戏居多) UGUI : 是官方版本。 UI Element : 是最新版本的UI系统。(Un
转载
2024-04-15 12:46:59
194阅读
Unity UGUI – ImageImage控件Image控件向用户显示非交互式图像。这可以用于装饰、图标等,图像也可以从脚本更改来反映其他控件的变化。该控件类似于Raw Image 控件,但提供了更多的选项来动画图像和精确归档控件矩形。然而,Image控件要求它的纹理是精灵,而原始图像可以接受任何纹理。Properties 属性Property:Function:Source Image 图像
转载
2024-05-17 14:49:01
145阅读
卡片式设计对于我们来说并不陌生,从设计类网站上或市场上的一些 APP 中也会看到很多的卡片式设计的案例,卡片式设计也是 UI 设计中最常用的方式之一。最近在新项目的设计中也尝试使用了卡片式设计,结合实际项目中的一些思考进行总结并归纳出一些卡片式设计的小知识点。同时希望通过本次的总结进行知识沉淀,以及跟大家一起探讨下卡片式设计。1. Feed流卡片式的 feed 流设计是一种非常常见的设计,早在前几
转载
2023-07-01 17:27:05
487阅读
using UnityEngine;using System.Collections;using UnityEngine.UI;using DG.Tweening;using System;enum FINGER { FINGER_STATE_NUL, FINGER_STATE_TOUCH, FINGER_STATE_ADD }public class CardMove : MonoBehavio
转载
2023-02-03 07:18:31
267阅读
# 如何实现 Android 的卡片式 UI 布局
在 Android 开发中,卡片式布局是一种常用的 UI 设计模式,尤其适合展示信息以卡片的形式。下面,我们将通过一个详细的流程,逐步学习如何实现一个简单的卡片式 UI 布局。
## 流程步骤
以下是实现卡片式 UI 布局需要遵循的步骤:
| 步骤 | 描述 |
|------|----------
原创
2024-10-16 04:46:27
268阅读
我的心在滴血呢,本来这篇博客都快写完了的,奈何直接浏览器卡死,忘记保存了,之前写好的都没了,太心痛了最近在抓紧时间学习一下,提升自己的能力,毕竟实力实在太弱了,基础又不好,又没有工作经验,所以开始学着写博客,记录一下自己的学习过程吧,也方便以后查看,如果不记录一下的话,学过的都会忘掉,相当于没有学,这是以前血的教训啊,希望以后翻到现在写的东西,能够有这样的反应:“哇,这写的都是什么呀?太辣眼睛了,
转载
2024-06-07 17:33:01
52阅读
最近准备申请新星创作者,需要2000个粉丝关注,觉得文章有用的,请点一下左侧边栏的关注,谢谢。文章内容基于Unity2019的UITookit运行时演示版本Unity的新UI组件UITookit(UIElements)出来一段时间了,最近做一个新功能的时候试用了下。使用过程中遇到很多问题,网上也查不到。整理到这里,方便后来人UXML布局文件 UXML 是一个布局文件,控制界面上控件的排布方式 Un
转载
2024-06-16 18:28:52
71阅读
书接上回:【Unity编辑器扩展】(一)PSD转UGUI Prefab, Aspose.PSD和Harmony库的使用_
解放UI程序/美术? psd文件一键转ui prefab 支持所有ui类型 支持textmeshpro
psd一键转ugui prefab工具 设计原理和详细使用方法 工具使用预览: 工具目标:1. 实现将psd解析生成为UI预制
转载
2024-04-29 19:39:47
588阅读