00:01
看屏幕啊。哎,下面有一些补充内容跟大家说一下,第一个呢,是关于手机尺寸的一些概念。第一个是手机的尺寸啊,一般会说多少多少英寸的。对吧,它实际上指的是什么呢。那个对角线的长度啊,这是我的屏幕是吧。指的是我这样一根线。啊,它的一个长度。啊,一个英寸跟厘米的一个换算呢,估计不是所所有同学都知道啊。2.54也就一英寸等于多少厘米呢?啊,2.54啊。还记不记得小时候那个电视机啊,要是21英寸的是不是挺大的呀,对吧?啊,大家见过的那种,有见过熊猫电视的吗?估计很多人没见过,那小的时候那个熊猫电视还是觉得挺好的啊,熊猫黑白电视机,那时候怎么说呢,有一个电视是非常好的事情,譬如说你可以看看动画片呐,是吧?啊,晚上的时候,晚上时候我们那边喜欢停电,不知道大家有没有,就是一到晚上就停电对吧,而且呢,那个时候就感觉吧,热天的时间特别特别长。
01:35
又没电风扇。啊,没有电风扇就吹,就上那种什么芭蕉扇,大家知道就上那种芭蕉扇扇的只有那种芭蕉扇买啊又没有,你想想你没有电风扇的话,你根本就没在没办法在家里面里面睡,里面睡是没法睡的,只能在外面睡对吧,外那咬死也要在在外面那个就在外面用一种那个那叫什么,用竹子做的那那个那叫凉席吗?也不是,也不叫凉席,就是有一个像像竹扁竹子做的那种,那叫什么来着。
02:20
床有条像床对吧,就有油条像床啊,放到外面啊,一般呢会晚上在在外面吃饭,吃完饭呢就在外面乘凉啊,乘凉的话就是拿扇子拼命的上,不上的话那也不行,农村里面那那那个苍蝇蚊子太多了。啊,真直接就能感觉,就是能够把你拖走的那种感觉啊,太多一般到了几点钟才来电呢,八点多钟才来电,八点半到九点的样子啊,一来电呢就啊特别高兴,马上啊就去家里面把电视机打开是吧。看电视那个时候还有一个特点就是蓄电池,我不知道大家知不知道啊,如果家里有个蓄电池,那就很受欢迎了,很多人就围在一起,就那蓄电池看电视啊,蓄蓄蓄电池啊啊,我们那边叫蓄电池,就是电瓶蓄电的嘛,对吧,就是一个一个像像板砖似的啊那种,就白天拼命充电啊,充好电了以后,等到晚上电一停就放什么呢放。
03:36
最最火的是封神榜。啊,西游记是吧,天看啊,没有,基本上没有,晚上专门去看西游记的很少啊,像什么还有什么新白娘传奇,哪位有见过没有见过吗?啊,这应该说是,嗯,最好看的两个电视剧啊啊,再就关于那个金庸武侠了,对吧,那时候有一个概念,没有金庸武侠这概念,只有香港片啊,就有统一的概念叫香港片啊,还是看的挺过瘾的啊啊,我的一大兴趣爱好呢,就是要有时间呢,我就拿出一套来开一个晚上过去算了。
04:34
来下面一个我们看一下啊,手机的一个分辨率,这个也是大家经常见到的一个概念啊,它是指的是屏幕能够显示的一个像素的数量。但它不会说多少,一般会怎么说呢?长度上面的数量乘以什么宽度上面的数量。嗯,这里面大家看1920乘1080对吧。
05:04
好。下面一个啊是比较难,但是非常重要的。有一个概念叫手机的像素密度。什么意思呢?它简称为RPPI,也就每英寸上面显示多少个像素?这个才是决定屏幕好坏的一个主要标准,其实分辨率高就一定显示的清晰吗?那不一定对吧,你那个尺寸是不是也有影响啊啊,譬如说假设我们两个分辨率都一样。但一个尺寸特别大,一个尺寸特别小。是不是尺寸小的更好一些啊?这就好像说以前的诺基亚的手机是吧?它的分辨率肯定很低,为什么很低呢?是因为它很差吗?屏,屏幕就那一点点大,知道吧?
06:03
大家现在有人有诺基亚手机吗?啊,有的话就能看得出来,现在再去看那个屏幕真是没法用,就那一丁点啊。但是别人显示的不清晰吗?也不一定对吧?OK,那是因为什么呢?是因为他的手机的像素密度并不是特别小。对吧,嗯。好,那每英寸上面能够显示的像素数怎么计算呢?啊,这里面有一个非常精确的一个计算方式,我觉得不用搞得这么精确,看看怎么做呢,就是长度像素的平方加上宽度像素的平方。啊,再开方再除以屏幕尺寸,这是个什么意思啊,比如说这是比如它是吧,这是长度吧,比较高,这个是它的宽是吧。
07:03
高的平方。加上宽的平方再开方,那得到什么呢?是不是对角线呢?啊,你看长度上面的像素的平方,加上宽度的像素平方再开方,是不是就是我这个对角线。能够显示多少个像素吧?再除以这个屏幕尺寸。那不就是每英寸上面屏幕能显示的像素数吗?这个能看懂吗?嗯,好。还有一个概念叫DPI啊,前面是PPI,这个是DPI。D这个D呢,是点的意思,它其实啊,最先是用于什么呢?打印行业。大家知道去在那个嗯,那个什么纸上面去打印东西的时候,是一个一个点一个点的打的对吧?啊一个末点一个末点打的那叫DPI,但是啊,经常会用DPI来代指什么呢?PPI就一个概念了,对吧。
08:13
嗯,他们俩基本上可以认成是相同的一个概念。啊。在安卓手机里面还有一个。非常重要的观念叫密度啊,就手机的密度,开始是不是有个像素密度啊,啊,就每英寸上面显示的像素的数量,所以叫像素密度,那手机密度是指什么呢?啊,英文翻译叫灯。啊,它一般的值是一啊0.75啊1.5啊2.0。那什么时候是一呢?它这个地方是160PPI作为基准。如果你的像素密度是160。
09:03
那就等于一。以这个为基准以后,后面你就可以算了,如果是一百二了,0.75,如果是二百四一点五,如果三百二二点零一是往后是不是可以进行计算的呀。嗯,这一个还对应于我们的,还记得这几个在哪出现过吗?啊,是我们的那个应用工程里面啊,Is是不是job有不同的分辨率的job呀,啊就跟这个有一点对应啊。有对应的关系好啦。大家看啊,这是一个常见手机的尺寸参数。啊。这里面看谁比较牛逼啊,最牛逼的是谁看一下啊魅族啊pro对吧,这个手机的它一个是分辨率像素密度比较高,还有一个号称那个手机的那个摄像头也是非常牛,号称呢,前面有一个概念是号称啊,因为我买过。
10:19
买了,不过后来退了是什么呢?我给我老婆买了一个魅族,是那个手机,买回家以后吧,感觉用着就照了相,以后吧,就有一个问题是人看起来皮肤特别光滑,对吧,也有为说这个不错是吧,你觉得不错吗?啊也不是,不是那个说美化啊,它照出来不因为美元的问题啊,他就是那个清晰度不够,你清晰不够以后,他那个细节是不是照不没照出来呀,你的脸的那个皮肤的细节没有照出来导致的,这个不懂吗?啊不是美颜呐,并不是美颜了啊,后来而且吧,买了以后发现那里面有一个漏光的地方,就是屏幕上面有一个小漏光,其实关节不是漏光,就是总感觉对他啊,觉得不太爽,没感觉。
11:13
啊,后来就换了一个IPHONE6,还是IPHONE6比较有感觉,因为本来是他有一个IPHONE5C啊,IPHONE5C呢,一下子不知道怎么搞的,有点小问题啊,就就换了一个IPHONE6。啊大大家能看啊,它有各个啊尺寸呢,不有的可能还相同,看是不是有相同的尺寸呢,还有对吧?啊尺寸呢,都差不多,相差不是特别特别大啊,可能就是它了,但最大大的比较大,好大概下面是它的像素。对吧,这里面像素最大的是谁来着,能看得到吗?是不是还是魅族的这个魅。
12:07
搞太牛逼了是吧?好,接着有了像素,有了尺寸,我是不是可以去计算它的像素密度啊?啊,就可以进行一定计算啊,我也算了一下,确实是对的啊。嗯,大家也可以计算一下,就是用它的平方啊,加上它的平方,再开方,再除以这个尺寸啊。大家一口气能算出来吗?啊,那个那个电视上有时候会播那种计算成铜,就是就是心算的咔咔的,我也不知道他怎么怎么就是那个,真是让人觉得太假了。对吧,肯定是还有一定的规律的啊,脑子也跟咱的脑子长得不太一样,你内部结构也不太一样啊,好了,那个不有一个节目叫最强大佬吗?对吧?那里面人都是超级牛逼的,确实啊,哎,想了算了吧,你们来三鬼谷的都不是什么超级牛人,这很正常啊,大家不要一上来就把这一份往那个角色靠啊,就刚才中午不说了吗?设定目标要正确对吧?不要设定错了。
13:40
好了。来看一下关键地方来了,前面只是一个介绍,让大家了解一下,下面就是按里面的几个尺寸单位。啊,一个是PX。像素啊。就一个像素的长度呢,就是对应一个像素点它的一个大小,你说我想大家同样一个点,在不同的手机里面,它显示的大小是一样大的吗?不一样大啊,刚才给大家举过一个例子,假设我们的尺寸都是一样的,对吧?
14:19
我一个像素点啊,这个呢,嗯,像素它一共能显示200个,这个呢能显示400个。像素,那我一个像素点占用的宽度啊,它假设是一个宽度,那它是几个宽度。啊,是不是0.5啊,你一吧,因为整个宽度就这么大,对吧,你的你的个数是我的两倍,你想看那我就只能占一半了吗?这能看懂吧,嗯,好了。那下面有一个啊概念叫DP或者叫DP这两个呢,首先来说以前是有dip,后来他觉得吧,这个单位吧,感觉字母有点多余,把这个给它去掉了。
15:09
就换成了GP啊。啊,它叫一个什么呢,大概呃,Den in dependency in,什么depend啊,像素这个是一个什么意思呢。那直接翻译叫什么呀。独立的一个啊,密度无关的,或者叫独立的一个像素密度。这还真是你要翻,你要翻的一个事啊,就是与密度无关的一个像素,或者有人叫与设备无关的这个地方呢,它也可能有人翻译成这样的devices device什么意思?设备的意思对吧,那我就他就叫一个了,有人可能也有叫这种的设备无关的像素。
16:01
什么意思啊?啊,得先看一下他们之间DP跟PX它们之间的一个转换。有这样一个。啊,看着这个比较好看一点,一个DB等于多少个PX呢?啊,假设我的那个像素密度是160,我一个DB等于几个PX?几个是不是一个呀,一个PX好了,那如果我的像素密度是一百二了,多少个?是不是0.75个呀?那如果我的项目是三百二呢?是不是有两个呀?能看懂吧?好了,大家发现没有,我用DP做单位。最终转换的项数数它是有变化的呀,好啊,你也可以大家看啊,PX跟DP的转换也可以这么转,这是相反对应的吧,啊,你也可以这么做,这个也看的出来是一样的吧。
17:11
大家看我的DP不一样吗?一百六的时候就一吗?对吧,一百二的时候就0.75,三百二的时候就是2PX。能看到吧,好。来下面。啊,这个时候的是1P等于多少个PX啊,你把那个值填进去就行了,比如说我我填个三百二进去,那不就两个PX吗。看了吗?嗯,好啦,那这样它有一个什么作用呢。嗯。这个时候你来看啊,看到这里。我这个地方呢,可以做这样一个事,你看你明白,首先呢,看到我我上面呢指定的宽度。
18:03
是100个DP啊,下面指定的宽度呢,是什么呢?100个PX。用了不同的单位吧。好啦,如果我在一个PPI等于一百六的里面。的手机里面会显示一个什么样的,是不是一样的宽度啊。因为我们最终显示的是最终要转换成什么单位。PX对吧,最终都要转换成像素的。嗯,好啦。你看左边它会有变化。左边有个什么呀,现在我的设备是一个一百二的一个啊,PPI的一个设备尺寸还是一样啊,看到我这里这个时候啊,我还是只定了100DP100PX,这个100DP等于多少个像素啊,是不是只有75个了呀。
19:01
而他还是什么100个?对吧,还是大概呢,还是100个。那这个地方啊,大家看到我这里。他如果他还是100个,那我这里是不是谁显示的大呀。左边的显示大还右边显示的大是宽度,最大显示的宽度啊,首先得说尺寸一样的情况,下面由于他们的PPI是不是不相同啊。这一个是不是相当于这个里面一个像素占用的宽度更大一些呀,对吧,比如差手机里面一个像素占用更大的宽度。那好,手机里面呢,是不是一个像素是不是更小一些啊。嗯,相当于这个是中型的对吧,这个中型的好了,那是不是说我的这一个100PX的宽度是不是变大了呀。
20:04
但是我的这一个了,DP还变吗?它不变。啊。因为我们相当于我现在一个像素比以前宽了多少,是以前的多少倍啊,多少多少,我的像一个像素的宽度比以前。多了多少,是不是相当于丢了1/4,对吧?啊,多了1/4,那我我的这个像素是不是少了1/4,是不是刚好匹配上了呀。对吧,这样我们的这个宽度是不是就没有变化呀。而它诶有人说这我怎么看着这个红色的变小了,是因为我是把这个尺寸弄小一点,那宽度是不是弄小了。嗯,也就是说我这个时候你看到这个比例,大家看到比例了吗?就是这个整个占宽的比例。
21:00
我在小手机里面,我的这个像素的比例是不是越来越占的比例越来越大呀,那它的极限就会怎么样。本来我在正常的手机里面是不是显示的好好的,占3/4或占多少对不对,到一个X手机里面就什么是不是充满了,甚至更变得更大了呀啊,这是我们不想看到的。好,这说的是好手机往差手机转变。啊,好手机往更好的手机里面转变呢。这个时候你来看,诶诶反了对不对,大家看啊,那此时你说这个像素为什么会变小了。这个地方还是一样好,手机里面一个像素占用的宽度是吗?是不是更小了呀,我一直都是100个吧。
22:00
那我100个PX。在好手机里面是不是就是占用的宽度更小啊,是这样的吗?好啦。那你再来看。这个地方讹我100的。你来看嘛,100的,我现在如果是两百四的话,这是160,是不是增大了一半了,八六十啊,这多少啊,一倍是两倍了吧,一百六没有两倍,三百二是多少啊,80啊1.5对吧。啊,1.5倍,大概1.5倍,那相当于我一就变成多少个像素了。是不是150个像素。对吧,但它变宽了吗?同样的尺寸。对吧,大家想啊,我现在是不是我一个像素只有以前的相当于只有以前的什么。啊,你看到现在我以前是一百六啊,我相当于240,我是不是相当于只有它的二百四分之。
23:07
一百六了呀。是吧,啊。是啊。对吧,啊,看看大家看啊。好,那我现在的宽度。我的这个PX是不是以前的什么。是不是1.5倍,也就也就是多少3/2呢?3/2去乘以2/3。多少?是不一样。能看懂吧,嗯,这里方主体要知道,也就是从这个式,你要看到用项数。他好吗?不好。对吧,尤其是对于一些图片,对吧,你想图片它有什么问题呢?就图片如果放大了。练得怎么样?放大是不是有一个概念叫失真,大家不知道,知道这一个针好了。
24:08
不要笑啊。好了,这个时候呢,就会有一种失真的一个效果,失真就是看起来特别模糊,对吧?啊,也就是说在可能在正常的手机里面看着挺正常的一张图片。在什么手机里面看的特别失真呢?啊差手机,因为差手机会什么是放大显示啊呃,好手机啦,就看起来特别小啊,那个也不太好,对不对。啊,也是让人受不了了。嗯,这个时候大家需要去注意啊。嗯,所说的是它当然还一个单位是什么呢?SP。那SP呢,它实际上跟我们的DP呢,很类似啊的一个单位,可说慢了。
25:07
它主要有一个。功能可以根据用户去设置。进行缩放,来简单的跟大家演示一下啊,大概的我。我在这里面去创建一个公,创建一个插码文件啊,用一个线性布局吧,啊,假设用一个线性布局写一个来。啊。Sad开的吧。阿拉,我来拖两个文本吧。这两个文本看好了吧,来这个ID也不需要我这里写一个,嗯,看看刚才的这个里面写的三硅谷科技,那我就写一个吧,啊,同样都写三个科技得了啊。
26:03
啊,都写的三个科技好了,但是呢,我用的后面看着我啊。一个是宽度。我这个上面呢,写的是100DP,还要有背景颜色是吧,能看的比较清楚,背景颜色怎么说呢,Background这个里面就涉及到一个颜色的。指定的来给大家简单说一下。在Android里面呢,颜色或者字体颜色或者背景颜色,它用。RGB来表达阿拉红绿什么男,每一个摄像用一个两位的16进制来表达。啊,前面呢,加一个必须加一个字井号啊,比如如果是红色。这就是红色啊,后面绿色下面主要是。
27:01
啊,有人说白色怎么能是?都是FF啦。白色,它是一个复合色,就是三种色光合在一起。变成了一个什么白色啊,如果。这是什么意思?就是当你没有光的时候就变成什么黑色吗?这个能理解吧?好,下面呢,大家可以查一下那个颜色表啊,颜色表呢是在那个工具里面有的,大家可以去查一下。呃,我记得好像给他发过,在这里面大家可以把它解压。啊,这是一个网页。嗯,这里面是不是有很多不同颜色的对应的值啊,嗯嗯,能看到吧,好来现在呢,我们要使用效果,一个红色,一个是绿色,看看怎么写。
28:00
红色,先把井号写上FF0000。好,下面一个我们还有一个背景颜色,好,现在呢,我们要显示的是一个绿色红没有对吧,绿FF00呢。能看到吧,好,这个时候我的宽度是多少呢。100PX能看到吧,好了,嗯,来先看一下这个。啊,先来我们搞一个HVG。看着它们是不是一样的呀,对吧。大家能看到啊,一样的好了。我这个里面给它搞大点,反正200吧。嗯。200也一样对吧。
29:02
好,现在呢,我来换一个换一个。差点的手机来啊,我这是320乘480,我搞一下他来试试。能看到吗?啊,这一个是不是相当于绿色这一个变大了,绿色是怎么变大变宽了呀,是不是因为它的什么,是不是项数做单位啊导致的问题。能看出来吧,好。来搞个好点的手机。KVJHVJ啊搞一个。呃,320,你看我刚才搞的320乘480,我搞一个这个。啊,再一个呢,它就会啊,像素密度更大一些。来试一下。看出来了吧,嗯,它的这一个绿色的宽度就会变小。
30:04
嗯,变小的原因就是我现在的相同密度更大一些。也就说我们平常做的好手机。它就会PX就会变小啊,这是我们没办法啊去接受的。嗯,就是这一个下面大家看到我们现在呢,去再设设一个值叫文本的一个大小。T的S是吧,T的S呢,我们用两种单位啊,先用一个上面都是用正常单位,大概啊,一个是用SP,这是正常单位。好了,我下面用什么呢?DP不正常的单位。看一看正常不正常,它有什么区别呢是吧?嗯。现在看的是不是都是,诶我们换到换到现在那个位置去HVG。看到啊,现在看的都是一样的吧,一样大的来我把它运行一下,运行一下呢,这个地方大家看着我,我怎么个运行法呢。
31:11
我还想运行,还还真真不太好整。呃,我这样啊,我把它加到这里面来,放到这里来,你这是我们的一个练习,别改练习了,改这个测试啊。改到测试里面来看的。哎呦哎呦哎,过不去,复制一下吧,CTRLC。看见。把他删了。好,我们来做一个小小的改变,怎么样去显示它呀。怎么做,是不是换成另外一个布局啊,啊加载另外一个布局,我们来看试试把它们先先给它注一下来。叫r.lay out.s test能理解吧?好,我们来运行一下,看看是一个什么样的效果走。
32:09
一样的是吧,啊说明当前模拟器它的PPI等于多少,首先来说。是不是一百六啊啊,首先得说他们是160,怎么样证明他们是一百六呢?是不是一百六啊,嗯,好来看着啊,现在我不想,我主要不想看这个,我想看谁了,我希望看出SP跟DP的区别。啊,我来做一个设置。回到桌面。设置。在设置里面呢,有一个好像有一个显示。有一个。字体大小正常是不是罗呀,现在我弄一个超大号的。
33:02
大家看它是不是整个字体都在变呢,看看我们的。上面用的是不是SP啊。SP是不是跟着我那个整个手机的字体设置来进行变化呀。但是我DP会变吗?不会,就这么简单一个事。啊,也就是说,如果是正常情况下面SP就等于什么。是不是就得DP呀,啊,但是我们有可能进行设置的。可以设置啊。只是这个设置以后呢,就看起来特别怪。是看起来极丑陋。还是换回去吧,有的受不了。Normal,你看,这看起来舒服吧。嗯,这样我们的这一个呢,又回到了一个正常的。
34:04
一个大小。在这里面大家一定能看到啊,DP和PX它的一个区别。还有一个是DP跟SP的一个区别。好,下面再给大家总结一下一些东西啊,在布局文件中,指定视图的框高了,尽量用到两个概念。我不知道大家有些人同学还不知道,就是我在这里。大家看到我的宽高了,可以去指定一个几一些值,它是一个枚举值,哎,完了它还不出来。这是炸弹。好像还坏了。点开蓝牙。
35:01
大家看啊,在这个里面at加斜杠啊,这里面呢,有一个fair parent,一个match parent,其实这两个都一样啊,这是随着版本升级以后呢,改的一个啊。就这两个呢,现在都可以用,意义作用也是一样的,都叫充满复性啊下面一个。We content什么意思啊?包裹内容啊,我们平常也叫自适应。啊,内容有多宽,它就显示多宽,内容多高呢,它显示多高。啊,尽量用这它的这个枚举类型来去指定宽高,那有的时候那也没办法,有的时候确实自适应也不太好,那有的时候呢,我的宽度你说我自适应吧,我就这么一点,我就会只剩下一点点了,对吧,对不对,这样看起来也不舒服,那实在要指定宽高了怎么办?又什么单位。
36:03
用DP或者叫DP做单位。啊。那什么时候用SP呢?很简单,字体大小就用SP,其他的都用什么DP?嗯。就是这样一个是大家需要去注意一下好吧。
我来说两句