如何解决ligerUI布局时Center中的Tab高度大小_手机数码

这篇文章主要介绍了如何解决ligerUI布局时Center中的Tab高度大小的相关资料,需要的朋友可以参考下

10 引用的js,css

var tab;

$(function () {

$("#layout1")ligerLayout({ leftWidth: 200, topHeight: 80 });

$("#accordion1")ligerAccordion({ height: 300 });

//重要的代码,设置新增加的tab的高度等于center p的高度

var height = $("l-layout-center")height();

tab = $("#tab1")ligerTab({ height: height });

});

//可以动态增加一个tab标签页,但是元素有哪些

function addTab(url, text, tabid) {

tabaddTabItem({ url: url, text: text, tabid: tabid });

}

</script>30 简单的设置样式

body { padding: 10px; margin: 0; }

#layout1 { width: 100%; margin: 40px; height: 400px; margin: 0; padding: 0; }

#accordion1 { height: 270px; }

h4 { margin: 20px; }

#accordion1 ul li { font-size: 14px; margin-left: 15px; }

a { color: black; text-decoration: none; }

a:hover { color: #ff6a00; }

</style>40 body中的内容

<ul>

</ul>

</p>

<ul>

</ul>

</p>

其他内容

</p>

</p>

<span style="font-size: 28px;font-weight: bolder;font-family:楷体;">超级管理员后台</span>

</p>

</p>

</body>下面给大家带来一篇关于LigerUI学习笔记之布局篇 layout

不说废话了，直接给大家贴代码了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "http://wwww3org/TR/xhtml1/DTD/xhtml1-transitionaldtd">

<head>

<title>布局实力篇之自动适应窗口高度</title>

我用的另一套皮肤

$(function () {

$("#container")ligerLayout({ leftWidth: 200 }); //这一句可是关键啊

});

</script>

</head>

<body>

其实俺和他们不是一起的，俺是独立的一部分

</p>

<p position="left"> 这里也要注意啊

</p>

<p position="center" title="标题"> 加个标题更好玩

</p>

</body>

</html>样式文件

{ margin: 0px; padding: 0px; }

body { padding: 5px; margin: 0; padding-bottom: 15px; }

#top { height: 80px; margin-bottom: 3px; background-color:Lime }总结：

只需要将容器转换为一个ligerlayout对象就行了

别忘了 position 属性啊

顺便来张效果图

市面上很多平板电脑都不错的，要说什么平板电脑性价比高，这里给大家盘点一下千元平板电脑吧!主要给大家推荐三个品牌，小米、华为、JDtab平板。下面就让我来详细地给大家说说吧!

一、什么平板电脑性价比高小米平板3

参考价格：1499元

推荐理由：2K超清屏、MIUI系统、USB-C接口

小米平板3是今年发面的新款平板电脑，在性能上和以前的产品相比是有所提升的，但是从外观上看区别却是不大的。从外观设计来看，小米平板3还是采用超薄金属机身设计，暂时只有玫瑰金一种配色可选，外观风格iPadmini相类似，轻薄而且时尚。

小米平板3推荐：

配置方面，小米平板3依旧是79英寸2K超清小屏，搭载联发科MT8167八核处理器，4GB内存和64GB存储空间，有500万像素前置摄像头和1300万像素后置摄像头，内置6400mAh容量电池，运行MIUI8系统。

二、什么平板电脑性价比高华为平板M3

参考价格：1888元(WiFi版)

推荐理由：中高端性能、HiFi、2K屏、可指纹识别

华为平板M3是2016年9月份华为推出的千元平板电脑，八核高配，音质也很也众。从外观设计来看，华为平板M3采用的是轻薄金属机身，边缘厚度只有46mm，拥有银色、金色两种配色可选，并配备正面指纹Home键，看上去很不错。

华为平板M3推荐：

配置方面，华为平板M3配备84英寸2K超清屏幕，搭载麒麟950中高端八核处理器，4GB内存和32GB起存储空间，拥有800万像素前置摄像头和800万像素后置摄像头，内置5100mAh容量电池，续般能力还是不赖的，运行EMUI系统，分为WiFi和LTE两种版本。

三、什么平板电脑性价比高JDtab平板

参考价格：1399元

推荐理由：哈玛顿HiFi音效、乐视视频VIP、2K屏

JDtab平板是今年京东联合魅族、乐视、富士康和哈曼卡顿五家厂商联合推出的平板电脑，拥有月光银与香槟金两种配色可选，机身采用的是CNC全金属材质，机身的厚度只有695mm，看上去给人很舒服的感觉。

JDtab平板推荐：

配置方面，JDtab平板配备79英寸2K超清屏幕，搭载联发科MT8173八核处理器，4GB内存和64GB存储空间，拥有8500万像素前置摄像头和800万像素后置摄像头，内置6200mAh大容量电池，运行的是Flyme系统。

什么平板电脑性价比高不高要看它的价格还要看它的配置和上网速度等，也不能只看价格，那有一些杂牌的平板电脑三四百块就能买得到一台，用那样的平板电脑上网你就知道什么叫卡了。

　JDtab平板电脑的屏幕尺寸是79英寸，2048×1536分辨率，多点触控，视网膜屏，像素密度326ppi。下面是我收集整理的JDtab平板电脑怎么样，欢迎阅读。

　外观方面

　JDtab平板的屏幕尺寸为79英寸，也是平板电脑里最便携的一个尺寸，屏幕比例是4:3，非常适合浏览习惯。外观上，JDtab采用了全金属材质机身和CNC一体成型技术，让背壳看上去具有整体感，香槟金和月光银都是比较常见的配色了，看上去比较熟悉，并不觉得突兀，但正因为没有特别的亮点，外观上也就没有太多惊喜给我们。

　设计方面

　JDtab平板电脑的屏幕尺寸是79英寸，2048×1536分辨率，多点触控，视网膜屏，像素密度326ppi。

　JDtab的电源开关在顶部，也许是使用苹果手机习惯的原因，这个电源按钮开始使用时略微有点儿不习惯，而且大多平板的电源和音量控制也都在右侧，但是JDtab的设计是分开的，并且音量控制按键在右侧的靠上部位，按键也不长，需要一点点时间来适应。底部的接口，两侧开孔内置原装1W2颗哈曼卡顿扬声器，实际试听的效果比较醇厚，适合影音，尤其是大场景音效的展现。中间是Type-C接口，算是比较紧跟形势的。

　硬件方面

　硬件方面，这款平板采用的是联发科MT8173处理器，2×Cortex-A72+2×Cortex-A53架构，4GB内存，64GB存储空间，但机身没有集成SD扩充卡槽，也许之后会推出更大容量的产品吧。这个配置虽然够不上旗舰，但用于日常的上网、看影视、看图书，也是绰绰有余。此外，内置GPS芯片、6200mAh大容量电池、Type-C接口等也都算是目前平板产品中的主流配置。

　系统软件

　作为视网膜2K级别的屏幕，无论是影视还是浏览，都有着不错的视觉体验。JDtab 搭载了Android 60系统，系统集成是魅族Flyme OS 50(可升级至最新版本)，界面设计保持着简洁、纯净的风格。由于机身内存是4GB，所以在运行方面毫无疑问是流畅的。

　JDtab平板电脑值得买吗

　从价位来看，这款实用性平板电脑，性价比肯定是有的，并且79英寸屏幕比智能手机要大，对于平时喜欢看小说、看**或者大屏玩游戏，平板电脑依旧是比智能手机更好的选择，尤其是春节到了，旅途中用平板电脑看小说、视频、玩游戏体验更佳，对于有这部分需求的用户来说，这款千元平板电脑还是比较值得考虑的。

你好：

我从unity的角度来谈一下如何入门独立游戏开发。

自己周围有不少朋友自身都不是程序出身，但都想入门游戏开发。我有被询问过，自己也是自学过来的，所以谈一下自己的经验。

根据答主的情况美术出身，并不推荐学习ue4，相对unity会更加容易上手。

unity劝退很多人的理由如下：

1官方文档全英文，界面全英文。不得不说中国unity真的麻瓜，不是我说，别人日本unity刚成立一年，就弄了一份全日文的官方文档。看看中国unity成立多久了，都在做什么，我不想吐槽了…

相对unreal4就有官方中文文档，而且还有unity转unreal4的快速上手文档，还界面全中文…

2unity在国内的应用范围和普及程度比unreal4好太多。再加上unity在游戏行业的普及使用。所以有大量的培训机构想分一杯羹。培训机构你懂的，导致网上搜索unity得到的很多靠谱的学习信息被稀释了。

3unity网上第三方教学渠道质量层次不齐。例如游戏蛮牛，泰课，慕课等等。我这里罗列的还是国内相对名气大的，质量还算不错的学习平台。

层次不齐的原因有几点：

教学视频的讲师口齿不清晰，还带方言。

讲师自身逻辑混乱，一个很简单的东西听的人云里雾里的

讲师拖延时间，强行凑时间。导致听的人学习热情受到打击，讲了20分钟的东西。实际最多5分钟的干货。

中文教程缺乏系统性的靠谱的免费的学习教程。这个和大量培训机构的涌入有关。

说了unity这么多的不好，我来说为什么还是推荐unity的理由：

1unity在国内的普及程度很高，还是有很多优秀的学习资料的，不过相对零散，需要整理。我会在下文给出我自己认为不错的学习网站和学习资料和学习路线。

2不管是unity还是unreal只要涉及到逻辑都是要写代码的。两者没有区别！！！

unity用的是c#语言，而unreal用的是c++语言。

c#比c++好学！！！

重要的事情说三遍！！！！！！！！

3如果你用unity遇到问题，在网上不管是在中文环境下还是英文环境下寻求帮助会比unreal快一些。因为学unity的人多！！！

4unity比unreal好学！！！！

正题开始！！！下面开始从unity的角度如何入门独立游戏开发：分别从代码，游戏引擎，美术，游戏设计角度来探讨。

会从入门的角度来逐一分析。下面排版可能会比较乱，我最后会集中整理网址的。想看网址的可以直接跳最后。

代码学习：

1．c#语言

因为是入门，所以只需要学会用c#来写简单的业务逻辑就可以了。不需要去学习什么高大上的框架，热更新方案和语言特性。

代码的掌握是学习和实践反复交互的过程！！！不是我现在抱着一本书啃就完事了。也不是我把一个游戏做出来我就掌握了XX语言．

c#基本语法学习途径：

C# 教程 | 菜鸟教程wwwrunoobcom

菜鸟教程里的信息及其适合新手学习编程语言。即使编程一点不会也可以上手轻松学习。

这是我建议第一步需要看的信息。掌握基本的逻辑编写能力就够了。后面可以反复回来看使用 Microsoft Developer Network 学习开发msdnmicrosoftcomC# 指南docsmicrosoftcom

微软官方文档，c#是微软搞的语言，微软有官方c#代码学习和接口使用说明！！！

中文！！！！！中文！！！！！中文！！！！！

这可是不知道多少人的心血！！！强烈安利

2Unity中运用c#编写脚本

B站UP主风农spacebilibilicom

这个UP主上传了很多unity官方视频的中文字幕翻译版

壮哉我大B站！B站可不只是用来追番和看**姐的，还能学习。我推荐其中几个教学视频来入门编程。可以结合上述菜鸟教程的一起看。

菜鸟教程讲的是语言本身使用，但是这里推荐的视频是直接将C#代码在unity里使用的案例。知其所以然，然后运用。

风农：Unity 脚本开发spacebilibilicom初级阶段看完我觉得已经能写一些简单的脚本了Unity圣典wwwceegercom

这个是unity里官方代码接口文档的民间中文翻译

这个网址有多爽，我下面截图给你看一下

unity圣典unity官方文档

虽然unity圣典已经很久没更新了。很多接口都是旧版本的说明。但是丝毫不影响入门。

unity官网unitycomunity官方教程unity3dcomUnity User Manual (20183)docsunity3dcom

当然最好的那一定就是Unity官网给的教程和接口文档说明。很多unity圣典里的老接口在新版本里不通用，或者风农视频里的代码在新版本的Unity里发现报错，可以百度或者谷歌大法。

游戏引擎unity学习：

如果说代码是劝退了很多非计算机相关专业的人的话，对于英语不好的朋友学习unity游戏引擎也是劝退的一大难关。

其实目前已经有不少我觉得不错的中文的入门学习视频和网站，但是如果想进一步学习，成为一名真正的开发者，则必须要克服语言这一难关。

因为游戏引擎本身就是很多模块的集合体。对于入门独立游戏开发我分别来讲一下

引擎本身的基本使用

目前流行的UI控件的使用

其实这些或多或少都和代码脱离不了关系，建议是结合和代码一起来学习。

掌握这两个就能应对比较常见的界面问题和unity的简单的基本使用了。其实我还想讲一下动画机的学习，物体的材质等等。但是我觉得这些不算入门独立游戏开发需要学习的东西，而是称为独立游戏开发菜鸟（雾）需要了解的知识

1引擎本身的基本使用

在代码界有一个笑话：我精通各种语言来写 Hello World！

写一个Hello World可以理解为学习一个语言的起点。对于学习游戏引擎也是一样的，我觉得对于unity可能就是意味着创建一个新工程然后点击运行，那么我们的游戏（雾）就跑起来了！下面开始正题

Unity官方实例教程 Space Shooter（一）

Unity官方实例教程 Space Shooter（一）wwwjianshucom

我这里觉得用实际的项目来学习unity的使用是一个比较高效的方法。这个是unity官方教学视频的中文民间翻译文档。我以前跟着做过一遍，我觉得能从各个角度来帮助毫无基础的新人来学习如何使用Unity来进行游戏开发。在这个教程的学习过程中你不需要过多纠结特效，材质等等，我们需要关心的是

如何新建一个工程

摄像机简单的使用

scene和game的tab分别表示了什么

三维坐标的学习和使用

代码的书写所呈现的结果是什么

控件的添加和减少的表现是什么

如何选择打包配置

等等

这些知识很基础，但在游戏开发中会无时无刻都会要你去使用和修改。

如果还觉得不过瘾，可以看下面这个同样是unity官方教学视频的中文民间翻译文档

unity Tanks视频教程wwwbilibilicom

siki官网

顺便安利一下这个讲师siki，siki是我目前听了诸多网上教学视频，论质量和口齿清晰程度都是极好的那一类。我只安利免费视频，课程购买仁者见仁智者见智

入门而言这2个视频跟着学就够了。

请一个一个代码敲过去，而不是看！

2目前流行的UI控件的使用

目前主流UI控件为UGUI和NGUI。还有像FariyGUI之类。

学习优先级：UGUI>NGUI>FairyGUI等其他UI控件

理由如下：

Unity最初是有自己的控件GUI的，但是及其难用，然后民间团队自己根据GUI拓展和封装出了NGUI，将NGUI发布在Asset store（Unity官方资源和插件商店，后面会讲到）。后来Unity将NGUI团队直接收编，搞了一个自己官方的GUI控件：UGUI。

本质上UGUI和NGUI是爸爸和儿子的关系。现在NGUI已经不维护了，并且UGUI也是在吸取NGUI教训的基础上做了改进，强烈安利UGUI。

在unity2017版本，及其到现在的unity2019，NGUI控件的使用会和其他控件发生不兼容和冲突。因为其毕竟已经不维护而且老旧了。虽然功能依旧强大。UGUI就做到了完美兼容。

NGUI是亲爸爸，那么UGUI就是亲儿子。FairyGUI之类可以理解为私生子，很多还不知道有没有后妈带（即有没有后期更新和维护）。当然不是说FairyGUI之类的就不优秀了。但是如果是自己学习和开发的话，建议还是走正统的路子，即UGUI。

UI控件使用范围而言UGUI>NGUI>其他第三方UI插件。很多老项目团队目前还是在使用NGUI，毕竟项目已经上线，不可能有闲时间再换一套UI控件。新项目或者相对新的项目都已经启用UGUI了。而且即使学了UGUI或者NGUI，两者之间很多代码都是一样的。毕竟同一个团队研究出来的东西。

下面是入门学习教程

UGUI

UGUI教程wwwbilibilicom

NGUI

NGUI这里我推荐在导入其插件包后根据其教程自带的UI场景来学习使用。可能比视频学习和文档学习来的高效。如果突击哪个控件看不懂怎么用可以百度

例如百度：NGUI Button控件

NGUI控件有能力的就在官方的Asset store购买。没有能力只能百度各显神通了

unity3d之UI界面学习NGUI插件的导入步骤blogcsdnnetNGUI官方文档wwwtasharencom教学场景

Fairy GUI

FairyGUIwwwfairyguicom

这个UI控件我没有用过，但是其名气还是可以的，而且有一定的市场，有团队在维护和更新。具体怎么使用官方有教程

3美术

今天刚看到一个老哥的回答，觉得讲的挺有道理的，我下面贴一下

如何入门独立游戏开发？ - 知乎wwwzhihucom

大致的意思就是别单打独斗，我看了很多人的回复也有这个观点，同时自己也是这个观点。即使你说你是美术，我可以自己解决美术问题，但是老哥，你是不是时间太够用了？看看隔壁的光明记忆说这游戏基本都是我一个人做的，做了多少多少年，结果曝出来模型抄袭。。。。

分享一下@A大 AliveGameStudio的个人制作的独立游戏总结视频，他在这个视频里提到了好多次，如果给我再来一次的机会，我绝对不会单打独斗制作这个游戏。

我做一个独立游戏4年，赚了多少钱？-《丽莎的记忆》开发日记34wwwbilibilicom

所以我这里也不会，我也不懂，分享如何教人制作美术资源的流程。虽然这也是我的一个接下来需要补的知识点，更多是了解吧。

回归正题，独立游戏开发入门而言，美术完全可以从网上随便扣，随便扒，前提是你不把你用了这些资源的游戏上架。咱们只是入门，需要的是学习和观察别人的美术资源的设置和效果。

下面安利一些获取在入门独立游戏开发中可能会用到美术资源网站

Unity官方资源商店assetstoreunitycom

里面有很多免费和收费的优秀资源。从模型，材质，插件，特效，UI资源等等。记得注意支持版本，一些优秀的资源如果你购买了，作者还会维护和升级，记得升级就好。

CGtop拓扑网_CG模型网_游戏资源_游戏素材_游戏模型_游戏贴图_手游素材_游戏美术_游戏界面_CG资源网 - CG拓扑网_CGtopcomwwwcgtopcom

2D游戏素材下载 - 网页游戏素材/手机游戏素材/PC电脑游戏素材 - 爱给网wwwaigeicom

我觉得如果是美术的话资源获取的途径应该有很多吧。。。我这里只是简单列一些。

4游戏设计

推荐一个思维导图工具Xmind，可以让你更好得整理自己的思路。

XMind思维导图 | XMind中文官方网站wwwxmindcn

对自己有要求的话：对于如何使用WORD写文档和如何使用excel填表格会很有利于以后的开发

既然是独立游戏，那么和商业游戏最大的区别应当是更多注重游戏的玩法而不是营利性。

下面安利几本不错的游戏设计方面的书

《通关游戏设计之道（第2版）》([美]Scott Rogers)摘要书评试读- 京东图书itemjdcom《游戏设计梦工厂》([美]Tracy Fullerton（特雷西·富勒顿）)摘要书评试读- 京东图书itemjdcom《有生之年非玩不可的1001款游戏(第2版)(精)》陈功尹航摘要书评试读- 京东图书itemjdcom《平衡掌控者――游戏数值战斗设计》(似水无痕)摘要书评试读- 京东图书itemjdcom

链接我JD随便找的

个人推荐学习路线：

1C# 教程 | 菜鸟教程完成基础概念学习，上面已经提到，不赘述。

2风农：Unity 脚本开发：初级篇看完

3Unity官方实例教程 Space Shooter（一）：跟着打代码，思考代码为什么这么写。

上述3步不用严格从1到2到3。直接可以相互衔接和根据个人能力相互切换。不死板，根据个人学习情况自由转换。

4C# 教程 | 菜鸟教程看完，或者有时间的推荐看下面这本，也是我的c#入门书。

《图灵程序设计丛书：C#图解教程（第4版）》([美]Daniel MSolis)摘要书评试读- 京东图书itemjdcom

5结合4把做游戏的时候用到的API巩固和深度思考一下，可以结合学习网站和官网来思考。网站下面会列出来。

6自己做一个用unity做一个简单游戏：贪吃蛇，俄罗斯方块，五子棋都可以

不可以百度XX游戏怎么做，自己尽自己所能去写，代码和方法再怎么丑，怎么蠢也也没关系。

当然语法不会是可以查的，Unity控件不会用也是可以查的。反对的是查找贪吃蛇游戏设计思路和相关代码。这样无法提高。

等写出来游戏后再去百度查别人正确的设计思路，然后再反思自己的。

然后4-5-6反复，不过4和5可能就不是我上述的内容了，反复迭代。

其实就是学习和实践的反复循环

最后整合我认为不错的教学网站、资源网站和个人博客。会包含上面提到的所有网站。不可能列的很全，只能说相对。分别从查阅资料网站、游戏引擎学习、代码学习几块来说

课程购买仁者见仁智者见智！！！！！！

粗体字网址表示需要**

1、查阅资料网站

百度

知乎

CSDN（国内专IT技术社区）

**：

unity官方论坛

stackoverflow（国外的优秀的代码答疑网站）

维基百科：

谷歌：

unity官网：

coursera：评论区的老哥

@李狗蛋同学

推荐的，搜了一下unity相关还是不错的，推荐有英语基础的人在上面学习。

原评论：占楼推荐一波我最爱的Coursera，上面也有很多c#和unity的课程，基本上申请financial aid就可以免费观看还能拿证书[爱]

2、游戏引擎学习

不错的博主

雨松（强烈安利！！！！非常适合初期学习时候去借鉴文章和查阅问题）

浅墨_毛星云：究极大佬！！！！

七喜先生の猫

DSQiu

Candycat（《Unity Shader入门精要》作者，上交程序媛）

云风的 BLOG

YzlCoder

Spring5211

fangsunjian

风农（B站搬运工、优秀的官方视频翻译）

Shallot夏洛特

A大 ALIVEGAMESTUDIO

知乎的我就不列了

学习网站：

Unity官方实例教程 Space Shooter（一）

Unity官方实例教程tanks By Siki

腾讯游戏学院：

UWA：专注于游戏优化的团队，有不少优化方向的干货，最新还新加了UWA开源库。每年一度的UWA大会超级赞，在上海，有机会参加的话可以报名一下。

**：

Unity圣典（Unity官方文档民间中译）（已挂）

unity官网

Unity Learn Tutorials

Unity User Manual (20183)：Unity官方接口和引擎使用文档

UI方面：

NGUI官方文档

FairyGUI：

**：

UGUI官方中文教程

Unity User Manual (20183)：Unity官方接口和引擎使用文档

3代码学习

代码语法学习：

菜鸟教程

使用 Microsoft Developer Network 学习开发：

C# 指南

Unity 脚本开发

代码练习和学习网站：

国内有哪些好的刷题网站 - 九章算法的回答 - 知乎wwwzhihucom

4图形学知识

这个已经不算是入门所需要学习的知识了，这里一并附带说一下。

直接贴上Milo Yip的回复。

系统的学习计算机图形学，有哪些不同阶段的书籍的推荐？ - Milo Yip的回答 - 知乎wwwzhihucom

另外安利一本3D图形学入门书籍

《3D数学基础：图形和游戏开发/游戏软件开发专家系列》([美]Fletcher,Dunn,[美]Ian,Parberry)摘要书评试读- 京东图书itemjdcom

这本书更多会设计到线性代数和简单的几何学相关的知识，这本书能够很好得让我们了解图形学中得数学。网上有电子版可以直接搞到手，课后习题推荐做，不过有些题答案比较难找。

这本书我翻来覆去看了好几遍了，强烈安利入门用。

欢迎分享，转载请注明来源：品搜搜测评网

原文地址:https://pinsoso.cn/shuma/832524.html

如何解决ligerUI布局时Center中的Tab高度大小

随机推荐

盲盒现在哪些渠道效果比较好？

有必要买天气丹皇后套盒么

冬天超好用的平价润唇膏推荐,爱起皮沙漠唇必入好物

有没有适合女生用的护肤品，油性皮肤，套装的？

初中生防晒霜排行榜10强

zfb绿宝瓶焕肤套盒敏感肌可以用吗

精华液在什么时候用 精华露用法

发表评论

精华液在什么时候用精华露用法