00:00
先跑跑看有没有效果啊,但是这个位置报错了,那这个报错的呢,你没办法,你得给他搞定一下,那报错的话呢,它是给我们当前这个视图呢,去设置数据,哎,毕竟你这个折线图上面是有些数据的啊,那设置数据的话呢。他还是叫烂贝塔类型的,这这都没见过,这肯定是人家自己指定的类型,那咱们这个呢,遇到了一个你设置属性没有的,那就看看他是怎么设置的,所以进到他这里边。啊,这个得别迷糊了啊,进到他这里边,它这里边的话呢,我们看他折线,那就进来在这里边,我们刚才是从它这粘的代码就从这粘的。从这粘的话呢,叫赛德这个呢,是在这儿。这个是在这儿,这个你看他在哪声明过,并且负过值啊,你可以先CTRLC一下,CTRLF,然后呢,看一下当前这里边,好像在当前我们这个类里边没有声明过这个变量。没有声明,我还有是不是就负类里呀,啊点一下负类这个结构负类进来,诶protected此类呢就能够查到,所以呢,它就是把它呢给设置到刚才那个方法里了,那这个呢,一看这不是一个没有赋值的吗?但是它在构造器里边负了。
01:12
哎,构造器里边赋值呢,我们呢,去造子类对象的时候,是不是默认也去调负类的这个构造器了,所以把这个赋值啊,其实我们这里边这个CD。绕了一圈这个CD。是不是就是我们刚才下面看到的变量。啊,CD付给修克,修克呢,不就把它付给他,他呢就给了他,然后我们赛德塔是不是就拿着他用的,其实说白了就是我们这里边的这个哥们,就是我们要的这个变量啊,那这个对象的话呢,在哪创建的,这不就在它整个这个list view里边在这创建的吗。这创建的时候呢,用的这个方法,那我们现在缺一个变量,是不是就用他这个方法就行,这个方法呢,就在它这个类里边生明的哈,点击一下。就在这儿呢,所以你需要做的事呢,就是。把这个方法给它粘过来,CTRLC粘到我们自己这里边。
02:01
哎,我放在后边了。哎,这个方法呢,哎,这先看又报错了,又报错呢,还跟它这个里边一样,看看他这里边呢,它掉了一个getma getma还在这个类的下边,那直接呢把这个也粘过来,CTRLC。啊,这就涉及到你怎么去用人家那个代码啊,一层一层的你得能够捋顺清楚,这里边呢,你这个基本的像扎va基础的这个语法逻辑你得熟哈,否则的话你沾沾也沾迷糊了。嗯,啊,这个呢,搞定以后呢,整个这块呢,就算是不报错了。啊,不报错的话呢,我们下面要做的事呢,啊,还没改呢哈,啊,那你就是相当于是调了一个方法呗,CTRLCL一下。嗯,我们就可以这样一下。这呢,有一个因的弦的值,其实也不太清楚是什么比,我就先写一个一吧。嗯,然后呢,Generate完了以后,我们out enter一下,这不就生成这个变量吗?哎,它这需要个就是我们这里边的这个。搞定,不画错了,不画错了,我们就想跑一下。
03:03
先看看有没有这个效果。好找到我们这个资产,然后点击。诶,可以了。这就成了哈,成了以后的话呢,我们下边回来具体看一下,说这里边呢,这都设置了一些什么结构,就是我们粘它这个代码到底是什么意思,哎,回来我们具体看一看。好啊,那我们就按照这个顺序往下,嗯,这个呢,我们这会儿已经说到了啊,它呢就是加载了一个本地的一个字体库啊,后边呢,会应用那下面这一行代码。当前我们这个试图set一个description。设置它的一个描述。啊,这呢没有设置,那当然了,在这个页面中呢,其实也就没有显示了啊,它其实呢,就是表示的是一个描述啊。嗯,设置当前的这个折线图的一个描述,嗯,什么意思呢?我们举个例子啊,比如说呢,我们这个折线图表示一下,嗯,比如最近有什么热点事件呢。
04:10
嗯。比如说只写这个吧,啊林丹。嗯,出轨事件的一个,呃,关注度。哎,关注度呢,就发现是一个折线的形。那我们就就描述这样个世界啊,就是现在用户一打开你这个图表,那个图表是干什么的啊,就是有一个描述就指的是他啊。嗯,这这嗯,还是比较受关注的啊,就号称大家都觉得林丹应该希望他做成中国的贝克汉姆一样是吧。结果形象大会啊。行,然后后边这块呢,就设置一下,嗯,是不是要绘制一下叫网格背景。啊,网格背景啊,这个呢,其实设置成触跟false的话呢,运电以后发现它这个不是特别明显啊,这种写的是false,一会我们先设置几个一块运行看一看啊,False我们给它改成是一个出。
05:05
啊,放目前的话就是一个这样的情景啊,那这个一般的话呢,就是设置的比较少,所以呢,它默认市场你不用管了啊再往后我们再看一下。嗯,这个呢,就是当前试图get X这个。后面还有get y这个。啊,它表示的什么叫获取X轴。X轴对象。啊,因为你这是个图表嘛,它有横轴有纵轴啊,这是X轴过去以后的话呢,下一个呃,设置这个X轴的一个显示位置。哎,显示位置这呢,默认我们这呢是显示到底部,也是我们看到这下边,这就是这个X轴。那我们呢,也可以给大家改一改斜杠。你要涉及到底部还有顶部。啊,你说人是到左边。
06:02
左边那不成外头了吗?是吧,哎,所以这这个X轴呢,横向啊,只有上跟下一般主体的啊,我就可以改成给它放到上面行,然后这呢,就是设置这个X轴的一个字体。啊,这个呢,就是用了一下我们那会提供的这个字体库,哎,在下边说是否要绘制X轴的这个网格线。网格网格线啊,这个呢,先是个false,那我们先不动先不动了,一会我们改改看看啊,然后下边这个呢,说是否绘制X轴的轴线。啊,轴线这个呢,写成是一个处行,那我们就先把这一块呢,先跑一下看看。
07:06
哎,这呢是目前的这样的情况。啊,进来以后你看啊,呃,我们的这里边儿有一个描述。就是刚才的描述是在这儿的,然后呢,这我写的一个great background是一个处,哎,其实你发现你看它整个是这样子的啊。就是给给我们这个背景颜色不一样,给它相当于抠出来一样,这就是它的一个效果啊,还不太像是它这个,嗯,背景网格线还不是画的网格线,就整个呢,相当于就这两个效果哈,就是它所表述的一个意思。然后呢,X轴的轴线呢,这不我们放在这儿了。嗯,放到这个顶部了,然后是否绘制上也写这个出行,这是这样子的,然后我们把这个呢,再改成是一个false。那那其实就又又都统一了啊,然后这块呢,是否绘制X轴的网格线,这呢,我们改成是一个出。
08:01
你看看这时候它的一个效果,那我们也可以直接呢,来跑我们这个线啊。你看这就成这样了,那这个改成false以后的话呢,它就跟整个背景颜色就相当于是统一了。嗯,然后是否绘制X轴这个轴线。好像我这个用的背景颜色啊,导致这个出温度不太高了哈,大家能不能看清楚,稍微有这么一个竖线。能看到吧,啊,这就是我们说这个改成醋以后的这个效果啊,这颜色我用的是有点这个紫色跟那个有点接近了啊,这呢就是它的一个。意思,嗯,这个啊。啊,这个呢,就是画上以后有时候显得还比较乱,嗯,所以一般的话呢,你可以就还是改成这个force就行。啊,这就是我们刚才看了一下这些属性的设置,那接着我们看这个Y轴啊,那这呢表示的就是获取这个啊左边的Y轴。
09:08
啊,Y轴对象,哎,左边一个右边一个。啊,这是左边的,这是右边的啊行,然后接下来设置一下左边这个Y轴的一个字体。嗯,左边Y轴的一个S体,好,下边说这个啊,说设置一下左边这个level的一个count啊,这什么意思呢。哎,我们这描述一下,说这个参数一。它呢,设置一下左边这个轴线,到底我给它提供几个区间。哎,五个这是吧,啊,一个两个三个四个五个啊,后边有超过去的,那就这个就不带标识了啊。嗯,对,它提供就是左边啊Y轴。你看提供的这个区间的个数啊。
10:01
这样我们就是用这个比较通俗的语言表述一下,然后这个参数二。32呢,这写的是一个false,那还可以写成是个处,它其实所表达的意思呢,就是这个区间的话呢,是不是间隔是一样的。啊,像这里边呢,都每个20个间隔一下。啊,那这里边儿这个false呢,其实表示的就是间隔一样的处呢,就不一样了。嗯,这我们表示一下参数二啊,是否均匀啊,这个分布这几个区间啊。啊,那还有不均匀的吗?不是我们说一般不都应该均匀吗?这还真不一定啊,比如说呢,我们在统计上啊,有一些这个数据,也真是有这样的一个情况,就是他一开始候这样的一段区间,这个数值啊,它特别小。啊,然后呢,到后期的时候,突然这些数据呢,特别的大,比如说这块大道呢,可能有这个,比如说呃,一半左右啊这个数据,而这块儿呢,只有十左。
11:03
那这些都在十左右,这样的话呢,你再去划分这个区间的时候呢,就比较尴尬,你要说一个段呢,表示是十的话呢,那你这块你画到一半的时候呢,那就太长了。这你一个PPT课乘不下,但是你这块呢,你要是按照100个去画的话呢,这些点呢,因为它的幅度呢比较小,可能上下间隔就一个,呃就相差一,所以它的呃浮动很小,那你要是100来画,那这些点呢,其实就一条线了,所以就看不出区别来了,所以就导致这这种情况下我们怎么去画呢?那么就在一开始的这个区间呢,我们就可以以比如说五个为一个单位,那你这样的话呢,几个不同点之间的一个,谁高谁低能看出来。然后到后边这个区间的话呢,我们就有100个乃至于1000个为一个单位。啊,就是让他们的这个啊,就是区间的一个间隔就大一些,这样的这块呢,幅度的情况你也能看出来,所以在一张表中这个也能看出来啊,一下子上去以后呢,这个也能看出来,这个区间呢,就不是一个均匀的分布的啊,有这样的一些需求。
12:04
好,这呢我们举个例子,比如说我这呢,我改成是一个除,哎,然后这块呢,我们稍微大一点,比如改成15个。啊,我们再来看。哎,15个的话呢,我这个区间这块就比较多了啊,这里边儿的数值的话呢,其实是随机提供的,一会儿我们就能看到。啊,大家看这时候的话呢,我们看它的一个间隔啊,这八个这八个这八个。还是八个是吧。嗯,好,确实还都是8UG哈,那就是它正好还可以去提供成这样,那压D的话呢,就是不一定非得它就是不是均匀的哈,就是我这都还能盛得下,我就没有必要非得给你布均匀啊这样一个,比如说35。
13:07
嗯,这块你看一下,这呢相当于是五个差值,这个呢就变成了四个差值了。哎,他这就有些这个区间的这个间隔度就不一样了啊,你这个数值比较大的时候呢,它这块呢,就哎,就不按照你非得要求的这个均匀分布这样去来了,那这是它的一个意思啊,改成false的话呢,它就是一个。哎,相当于我们还是一个均匀的提供。你看这块是每隔四个。来给我们去提供的啊,行,这个呢,我们就知道它的意思了啊,这个当这个是一个for的时候呢,表示的叫均匀。嗯,然后呢处呢,反而表示呢叫布局。
14:03
哎,这个不均匀的时候呢,它也是尽可能的哈,能给你均匀就不就均匀,像刚才我们看到呢,是五个四个,然后其实后边又是五个四个,它也尽可能的均匀,不是说出现这五个这块呢,就给你50个,嗯,它能能给你这个区间小一点的话,尽可能的差距就小一点啊行,然后下边的话呢,就是获取右边的Y轴对象。嗯,右边这个外轴对象呢,你可以跟左边设置的是一样,嗯,整个看到就左边是那样,右边是那样,我们这呢,因为刚才光杆左边那样,右边啊和右边呢没有变,那有的时候呢,嗯,我们看这个走势图的时候,左边近呢我们就往左边看,右边离右边近呢,我们就往右边看啊所以这块呢,左右一般我们设置的都是一样的,当然你也可以说我右边呢就不要了。啊,不要的话呢,可以这样做,哎,我们呢,获取了这个Y轴以后,右边的Y轴以后,我直接可以set一下它的叫enable。
15:00
改成这个false表示呢,就是不再设置或者叫不显示右边的Y轴啊。啊,将右边的这个Y轴设置为不显示的。嗯,啊,这时候我们再运行它就没有了,上面就小一点。嗯,这个呢,左边还是这样五个,然后右边没有显示。来,我给它省略掉了啊。啊,这是我们说的这个,然后再往下,我们那会呢,调的这个方法叫generate data line,哎,它呢专门是用来提供这个折线数据的啊。来折现这个数据,我们这边这个数据呢,咱们就是在本地给随机生成了一些数据。随机生成的,那真正的如果你呃在应用当中去用这个折线图了,这个数据通常情况下是不是都来自于服务器啊。
16:08
啊,这个折现的数据。啊,数据来自于啊服务器啊这个数据。啊,真实比如说某一个事件关注度是多少,这个后台那个数据呃,发给你,你这块呢,给他集成一下就行了啊所以到时候你要改的话呢,主要就是来改这个方法就可以了。好,这个方法呢,我们来看一下它这里一个generate data LA有一个int型的一个,它这个呢是什么意思。啊,这是一个这个,这是一个这个啊,其实这里边儿呢,我们看到这个图表中呢,一共是有两条折线。啊,两条折线呢,其实就是这里边呢,分别是造了两个啊data塔啊烂得塔的一个赛。哎,如果你想造三个呢,你就只需要把这个结构是不是复制一份啊。啊,如果我想造一个呢。那就是把其中的这一个,诶不是啊是是这块,这是一个部分。
17:05
啊,然后呢下准确说应该从这开始啊。这是其中的一个折线,然后呢,这是其中的一个折线,如果我只想要一个是把这个呢,就注释掉就行了。这是我们可以标识一下,这个叫折线二。哎,下面那上面这个呢,就是折线一。嗯,那这个呢,就无外乎也就是区分一下这两个这个折线而已啊,如果你就是提供了一个折线,那其实这个参数呢,你不要也无所谓。啊,不要的话呢,你上面这块呢,提供的时候,这个一也可以不要了,比如我们这就用一个折线啊,那一个折线呢,这里边还描述了一下这个折线,这呢,我就直接呢,就写一个X1就完了啊。好看下进来,这里边呢,提供了一个a list里边放的是这个entry啊,Entry里这个A里边呢,放了很多的entry,每一个ENT的话呢,实际上就表示一个具体的一个点了啊,就在我们这个图示里边,我们这一共是有12个月哈,这每一个点实际上就是一个N垂啊,这个点的提供呢,是提供了一个随机数。
18:10
啊,在40的基础之上呢,再加上一个这样范围里边的一个随机,啊,得到了一个随机数,我们刚才说了,真正这个数据呢,应该来自于服务器,哎,服务器的这些数据呢,就是还是封装在我们这里边的N垂里,就把这个位置的值给它改一下就可以了。啊,这呢,相当于是提供哎,这个折线这个点的数据啊。嗯,是一个随机生成的,然后下面呢,我们去造了一个LA data set啊。嗯,这个烂截拉赛,把这个也删一下,然后烂截拉赛呢,作作为其中的一条折线,最终呢,添加到我们这个release当中,你要有好几条折线,那就是做加几的就行,最终呢,把我们这个嗯S呢再放到这个里边,把它呢返回一下后边那块,简单啊,然后看下这里边它是要干什么。
19:01
这是表示的其中的一条折线了,啊,这个折线呢,我起了个名字啊,然后接下来啊,这呢相当于是设置折线的一个宽度。啊,就是我们这里边呢,你这不是有折线嘛,折线这一条线的一个宽度值啊,我们比如说改的粗一点,四点五一会看一看。这呢,哎,设置这个圆的一个塞子,圆是指的谁。这是个小圆圈啊,哎,这个小圆圈的一个半径。啊,或者是它的一个尺寸啊。设置小圆圈的一个大尺寸。啊,这呢,你你要是想让这个大一点,你就给他设置个值大一些就行啊,然后下边呃,设置一下这个叫高亮的颜色啊。哎,这个呢,有点迷糊,不知道是干什么的,就我们可以改,比如244这个我们给它改成零,直接改成零,一会我们看它这个值到底是改的是谁。
20:03
然后再下边呢,就是绘制一下,这叫什么呀。嗯,是不是要设置一下这个回执一下这个value。那我们改成这个出。哎,它表示的意思呢,就是是否要显示一下这个小圆点这个位置上这个数值。像这呢,都没有显示,所以刚才是false啊。是否显示图小圆圈?啊,对应的这个数值。好,后边呢,就整个把它再添加到我们这个贝塔里边返回就OK了啊,那这里边呢,贝塔大就需要填一个横坐标,横坐标就是12个月,这些都比较简单啊,行,我们再去运行一下。好进来了,这个线呢,你看现在已经粗了啊,这个还是个呃,4.5的这个小圆圈,然后每个位置上这个值呢,也显示出来了。
21:07
啊,这就我们这个折线。好,那关于这个折线图这个绘制呢,关于这个属性呢,我们就。咱说到这后边还还差一个这个啊。看这个,这最后还有一个属性说,嗯,添加完数据以后呢,最后要串的一个animate,一个X。Animator。动画吧,嗯,X轴这个动画。七百五呢,表示这个动画的一个执行时间。啊,这就相当于是啊,设置X轴方向的一个动画。嗯,然后呢,执行时间啊,是啊,这个750这意思啊,这里边他还说了啊,我们在这个思维导图里边有写到最后的时候说如果你调用动画了,那就没有必要呢再去调用这个invalidate了。
22:00
嗯,这是什么意思呢?就是我们这个图呢,实际上你进来的时候,嗯,怎么着了啊。这个图其实进来的时候呢,它稍微是有一个动画的,咱们刚才是直接跑的这个。哎,听听啊,就是不太容易看到了,其实你注意一下的话呢,刚才我们进来的时候,你点击你看是不是有个这样的一个变化,哎,就是横坐标方向上的一个变化,这其实就是这个动画。那我们看到的这个变化的话呢,感觉像是这个视图重绘。这话你看到一个视图,它不断的变,不就是相当于重绘是吧?啊在这里边说了,你设置这个动画啊,我设置动画以后呢,就就你就用不着再去调这个重绘了。啊,不需要。啊,在。行,那这块呢,关于这个折线我们就说到这后边呢,这个饼状图还有柱状图,其实设置的跟它差别不是特别大啊。
我来说两句