草庐IT

Material-design

全部标签

Ant Design入门

目录一:什么是AntDesign?二:开始使用三:布局四:表格一:什么是AntDesign?    AntDesign是阿里蚂蚁金服团队基于React开发的ui组件,主要用于中后台系统的使用。    官网:https://ant.design/index-cn 设计语言:随着商业化的趋势,越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目标,我们(蚂蚁金服体验技术部)经过大量的项目实践和总结,逐步打磨出一个服务于企业级产品的设计体系AntDesign。基于『确定』和『自然』的设计价值观,通过模块化的解决方案,降低冗余的生产成本,让设计者专注于更好的用户体验。特性:提炼自

Skeleton Design 理念在 Angular 应用开发中的具体应用一例

SkeletonDesign这个概念,想必前端开发人员比较熟悉,而普通的App用户,可能甚至都没有听说过,但实际上我们每个人,每天几乎都会受益于这个设计理念。SkeletonDesign在一些国内技术社区的技术博客里,通常被称为骨架屏设计,是一种用户界面设计策略。骨架屏设计不是一种具体的基于某种编程语言的技术,而是一种设计理念,旨在改善用户体验。通用的骨架屏设计,在页面内容完全加载前,会显示一个包含页面主要布局和元素位置的空白版本。这种方式能够让用户在等待页面加载的过程中,有一个直观的感知,知道接下来会出现什么内容,减少用户的等待焦虑感。我目前工作在一个使用Angular开发的电商Storef

android - Material SearchView 实现错误

我正在开发一个Android应用程序,现在一切都很好,但是当尝试使用Google指南实现MaterialSearchView并逐步遵循一些教程时,我无法弄清楚这个错误:menu_main.xml主要Activity@OverridepublicbooleanonCreateOptionsMenu(Menumenu){MenuInflaterinflater=getMenuInflater();inflater.inflate(R.menu.menu_main,menu);SearchManagersearchManager=(SearchManager)getSystemService

PythonStudio:一款国人写的python及窗口开发编辑IDE,可以替代pyqt designer等设计器了

本款软件只有十几兆,功能算是强大的,国人写的,很不错的python界面IDE.顶部有下载链接。下面有网盘下载链接,或者从官网直接下载。目前产品免费,以后估计会有收费版本。主页链接:PythonStudio-硅量实验室 作者还贴心的制作了视频教程,真贴心啊。 赠送官方视频教程视频链接:https://pan.baidu.com/s/18uBqslsPXkNmsv54d72uTQ提取码:1111IDE链接:https://pan.baidu.com/s/1PF9tYsU4cYHwfpeTBI0Q4Q提取码:1111  使用本款IDE生成的exe文件,大小为十几兆,使用的是delphivcl包,使用

未显示 CardView 中 View 的 Android 高度

我在CardView中有一个RelativeLayout,我想在AndroidLollipop中提升,但未显示提升(未显示阴影):我的布局文件:所以在这个布局中,我将这两行添加到RelativeLayout来制作海拔:android:elevation="30dp"android:translationZ="30dp"有人知道为什么没有显示吗?目前,我在使用AndroidAPI21(Lollipop)的模拟器上对其进行了测试。 最佳答案 在你需要的xml中的根布局xmlns:card_view="http://schemas.and

java - 高度与最小高度工具栏

我最近更新到AppCompatActivity并从ActionBar切换到ToolBar。我在查xml的时候,发现了这两个属性——android:layout_height="wrap_content"和android:minHeight="?attr/actionBarSize"这两个属性有什么区别?为什么在ToolBar文档中将layout_height设置为wrap_content?是否有必要同时使用这两个属性? 最佳答案 关于同时使用这两个属性,android:layout_height="wrap_content"和and

android - 以编程方式设置工具栏图标颜色

如何以编程方式设置Toolbar/AppBarLayout中图标(主页和溢出菜单图标)的颜色?我想为Activity中的单个fragment更改工具栏的配色方案。将AppBarLayout的背景设置为浅色(例如appBarLayout.setBackgroundResource(..);的浅灰色)导致白色图标和白色标题几乎不可见.其布局如下:Solutionfound 最佳答案 支持23可以轻松更改溢出图标。这是来自LorneLaliberteanswer的方法publicstaticvoidsetOverflowButtonCol

java - android.support.design.widget.TextInputLayout 无法实例化

我想在我的android应用程序中集成android.support.design.widget.TextInputLayout。我已将jar文件android-support-design.jar从sdk复制到我的应用程序lib文件夹。我在我的电子邮件EditText的xml文件中添加了以下代码,在我的layout.xml文件中添加此代码时,出现如下错误,Exceptionraisedduringrendering:com.android.layoutlib.bridge.MockViewcannotbecasttoandroid.view.ViewGroupExceptiondet

android - 自定义编辑带边框的文本

这个问题在这里已经有了答案:OutlinedEditTextfromMaterialDesign(7个答案)关闭3年前。我正在尝试在编辑文本上添加边框并在其上添加标签。我做了这样的边框:但我无法达到我想要的结果。我想要像下面这样的东西:请帮忙。

vue3 + Ant Design 实现双表头表格(横向表头+纵向表头)

 一、要实现的效果(纵向固定表头的表格,横向表头数量动态化)二、这是后台返回的数据格式(以企业为数组,每个企业里有个站点数组pointFactors) 三、代码实现步骤 (1)定义纵向固定表头1//纵向表头数组tableColumns2consttableColumns=ref([3{4label:"日(24小时)数据浓度均值",5value:"monthMaxDayValue",6},7{8label:"小时数据平均浓度均值",9value:"monthHourValue",10},11]); (2)动态生成横向表头(从接口获取数据)1//定义横向表头列columns2constcolumn