《30天自制操作系统》11_day_学习笔记

harib08a：
　　鼠标的显示问题：我们可以看到，鼠标移到窗口最右侧之后就不能再移动了，而WIN中，鼠标是可以移动到最右边隐藏起来的。怎么办？把鼠标指针显示的范围扩宽就行！我们来修改一下HariMain来解决这个问题

//HariMain节选

if (mx > binfo->scrnx - ) {    mx = binfo->scrnx - ;    }//拓宽到右边界左边的一个像素

if (my > binfo->scrny - ) {    my = binfo->scrny - ;    }//拓宽到下边界上方的一个像素

harib08b：
　　我们发现图层到了画面外，就会出现问题。这里我们一起来吧sheet_refreshsub(）函数进行改进，让它不刷新画面以外的内容。
　　方法：在进行画面刷新之前，先判断是否已经超过了画面以外，超过画面外的部分不需要进行刷新操作（下面是关键部分的代码）

//sheet.c中sheet_refreshsub()节选

//判断，刷新像素的范围是否超出了画面

if (bx0 < ) { bx0 = ; }

if (by0 < ) { by0 = ; }

if (bx1 > sht->bxsize) { bx1 = sht->bxsize; }

if (by1 > sht->bysize) { by1 = sht->bysize; }

harib08c：
　　我们发现在图层移动sheet_undown()中指定ctl太麻烦，于是在这一部分对此做了一些修改，目的就是不在sheet_undown（）中指定ctl.
　　1、struct SHEET中加入struct SHTCTL *ctl

//在图层的结构体定义struct SHEET中，加入图层控制结构体指针struct SHTCTL *ctl

struct SHEET {

    unsigned char *buf;

    int bxsize, bysize, vx0, vy0, col_inv, height, flags;

    struct SHTCTL *ctl; //图层控制结构体指针struct SHTCTL *ctl

};

　　2、对函数shtclt_init进行追加

//追加内容： 将ctl初始化为图层控制结构体

for (i = ; i < MAX_SHEETS; i++) {

　　ctl->sheets0[i].flags = ; /* FLAG=0表示该图层未被使用 */

　　ctl->sheets0[i].ctl = ctl; /* 指针ctl指向图层控制结构体 */

}

　　3、对函数sheet_undown进行修改

//修改内容：将ctl初始化为图层控制结构体

void sheet_updown(struct SHEET *sht, int height)

{

    struct SHTCTL *ctl = sht->ctl;/* 指针ctl指向图层控制结构体 */

    int h, old = sht->height; 　　 /* 记录设置前图层的高度 */

    //........

}

　　4、修改sheet_refresh()、sheet_slide()、sheet_free()

//一、修改函数的参数

//二、如果函数中使用了图层结构体SHEET，将结构体中指针ctl指向图层控制结构体

void sheet_refresh(struct SHEET *sht, int bx0, int by0, int bx1, int by1)

{

    if (sht->height >= ) { /* 此时正在显示，按照新图层的信息进行刷新 */

        sheet_refreshsub(sht->ctl, sht->vx0 + bx0, sht->vy0 + by0, sht->vx0 + bx1, sht->vy0 + by1);/* 这里修改了对sheet_refreshsub调用 */

    }

    return;

}

void sheet_slide(struct SHEET *sht, int vx0, int vy0)

{

    int old_vx0 = sht->vx0, old_vy0 = sht->vy0;

    sht->vx0 = vx0;

    sht->vy0 = vy0;

    if (sht->height >= ) { /* 此时正在显示，按照新图层的信息进行刷新 */

        sheet_refreshsub(sht->ctl, old_vx0, old_vy0, old_vx0 + sht->bxsize, old_vy0 + sht->bysize);/* 这里修改了对sheet_refreshsub调用 */

        sheet_refreshsub(sht->ctl, vx0, vy0, vx0 + sht->bxsize, vy0 + sht->bysize);/* 这里修改了对sheet_refreshsub调用 */

    }

    return;

}

void sheet_free(struct SHEET *sht)

{

    if (sht->height >= ) {

        sheet_updown(sht, -); /* 这里修改了对sheet_updown的调用，隐藏该图层 */

    }

    sht->flags = ; 　　　　　　/* 图层被释放，flag置0 */

    return;

}

harib08d：
　　到这里，优化工作完成的差不多了，接下来继续对系统进行拓展；接下来我们尝试制作一下窗口。
　　原理：准备一张图层，在该图层的缓冲区描绘一个窗口的图像，接着把该缓冲区写到VRAM中，让界面刷新像素显示即可。

　　1、窗口图层制作函数make_windows8()

void make_window8(unsigned char *buf, int xsize, int ysize, char *title)

{

    static char closebtn[][] = { //窗口关闭按钮X的的数组

        "OOOOOOOOOOOOOOO@",

        "OQQQQQQQQQQQQQ$@",

        "OQQQQQQQQQQQQQ$@",

        "OQQQ@@QQQQ@@QQ$@",

        "OQQQQ@@QQ@@QQQ$@",

        "OQQQQQ@@@@QQQQ$@",

        "OQQQQQQ@@QQQQQ$@",

        "OQQQQQ@@@@QQQQ$@",

        "OQQQQ@@QQ@@QQQ$@",

        "OQQQ@@QQQQ@@QQ$@",

        "OQQQQQQQQQQQQQ$@",

        "OQQQQQQQQQQQQQ$@",

        "O$$$$$$$$$$$$$$@",

        "@@@@@@@@@@@@@@@@"

    };

    int x, y;

    char c;

    //窗口的颜色填充，（应该是前景）

    boxfill8(buf, xsize, COL8_C6C6C6, ,         ,         xsize - ,         );

    boxfill8(buf, xsize, COL8_FFFFFF, ,         ,         xsize - ,         );

    boxfill8(buf, xsize, COL8_C6C6C6, ,         ,         ,         ysize - );

    boxfill8(buf, xsize, COL8_FFFFFF, ,         ,         ,         ysize - );

    boxfill8(buf, xsize, COL8_848484, xsize - , ,         xsize - , ysize - );

    boxfill8(buf, xsize, COL8_000000, xsize - , ,         xsize - , ysize - );

    boxfill8(buf, xsize, COL8_C6C6C6, ,         ,         xsize - , ysize - );

    boxfill8(buf, xsize, COL8_000084, ,         ,         xsize - ,        );

    boxfill8(buf, xsize, COL8_848484, ,         ysize - , xsize - , ysize - );

    boxfill8(buf, xsize, COL8_000000, ,         ysize - , xsize - , ysize - );

    putfonts8_asc(buf, xsize, , , COL8_FFFFFF, title);//显示窗口的额标题

    for (y = ; y < ; y++) {

        for (x = ; x < ; x++) {  　　　　　　　　　　　　//这里对关闭按钮的颜色进行设定

            c = closebtn[y][x]; 　　　　　　　　　　　　　　//关闭按钮数组中不同的字符用特定的显示颜色来显示出来

            if (c == '@') {

                c = COL8_000000;

            } else if (c == '$') {

                c = COL8_848484;

            } else if (c == 'Q') {

                c = COL8_C6C6C6;

            } else {

                c = COL8_FFFFFF;

            }

            buf[( + y) * xsize + (xsize -  + x)] = c;//把这个颜色的值，给VRAM缓冲区

        }

    }

    return;

}

　　2、在HariMain中进行相应的修改

    //HariMain节选

    init_palette();　　　　　　　　　　　　　　　　　　　　　　　　　　　　//初始化调色板

    shtctl = shtctl_init(memman, binfo->vram, binfo->scrnx, binfo->scrny);

    sht_back  = sheet_alloc(shtctl);

    sht_mouse = sheet_alloc(shtctl);

    sht_win   = sheet_alloc(shtctl);　　　　　　　　　　　　　　　　　　//为窗口分配内存空间

    buf_back  = (unsigned char *) memman_alloc_4k(memman, binfo->scrnx * binfo->scrny);

    buf_win   = (unsigned char *) memman_alloc_4k(memman,  * );

    sheet_setbuf(sht_back, buf_back, binfo->scrnx, binfo->scrny, -); /* 设置图层缓冲区，没有透明色 */

    sheet_setbuf(sht_mouse, buf_mouse, , , );

    sheet_setbuf(sht_win, buf_win, , , -); 　　　　　　　　　　　/* 设置图层缓冲区，没有透明色 */

    init_screen8(buf_back, binfo->scrnx, binfo->scrny);　　　　　　　//初始化屏幕界面

    init_mouse_cursor8(buf_mouse, );　　　　　　　　　　　　　　　　　//X按钮的功能键

    make_window8(buf_win, , , "window");　　　　　　　　　　　　　//制作窗口图层buf_win

    putfonts8_asc(buf_win, , , , COL8_000000, "Welcome to");//在图层buf_win中显示两串字符串

    putfonts8_asc(buf_win, , , , COL8_000000, "  Haribote-OS!");

    sheet_slide(sht_back, , );　　　　　　　　　　　　　　　　　　　　//图层上下滑动的函数，因为要让鼠标图层在窗口图层上方移动

    mx = (binfo->scrnx - ) / ; 　　　　　　　　　　　　　　　　　　  /* 这里把鼠标放在屏幕中间的位置 */

    my = (binfo->scrny -  - ) / ;

    sheet_slide(sht_mouse, mx, my);　　　　　　　　　　　　　　　　　　//设置鼠标图层的上下滑动

    sheet_slide(sht_win, , );　　　　　　　　　　　　　　　　　　　//设置窗口图层sht_win的上下滑动

    sheet_updown(sht_back,  );　　　　　　　　　　　　　　　　　　　　//设定背景图层的高度为0（在最底层）

    sheet_updown(sht_win,   );　　　　　　　　　　　　　　　　　　　　//设置窗口图层的高度为1（在中间层）

    sheet_updown(sht_mouse, );　　　　　　　　　　　　　　　　　　　　//设置鼠标图层的高度为2（在最上层)

    sprintf(s, "(%3d, %3d)", mx, my);　　　　　　　　　　　　　　　　 //在背景层打印出坐标的位置

    putfonts8_asc(buf_back, binfo->scrnx, , , COL8_FFFFFF, s);

    sprintf(s, "memory %dMB   free : %dKB",　　　　　　　　　　　　　//打印出内存使用情况

    　　　　　　memtotal / ( * ), memman_total(memman) / );

    putfonts8_asc(buf_back, binfo->scrnx, , , COL8_FFFFFF, s);

    sheet_refresh(sht_back, , , binfo->scrnx, );　　　　　　　　//刷新屏幕显示

harib08e：
　　　　小实验：我们在上面一共有了3个图层：背景、窗口、鼠标。让我们抽一下风把这三个图层的高度改一下，看看会怎么样？我们把鼠标图层放在窗口下面，背景图层在最底下（上图运行成功，说明程序没问题）

//修改HariMain中的图层高度设置

    sheet_updown(sht_back,  );//背景最底层

    sheet_updown(sht_mouse, );//鼠标中间层

    sheet_updown(sht_win,   );//窗口最高层

harib08f：
　　　　我们已经能顺利的制作出窗口了，现在我们来做个好玩的东西---计数器。在上一步，我们已经成功的绘制出了窗口，接下来只需要对窗口图层的内容做一些修改（这部分比较简单，直接上代码）

    //HariMain节选

    make_window8(buf_win, , , "counter");　　//窗口标题：counter

    sheet_slide(sht_back, , );　　　　　　　　　　//设置背景图层的上下滑动

    mx = (binfo->scrnx - ) / ; 　　　　　　 　　/* 把鼠标放在屏幕中间 */

    my = (binfo->scrny -  - ) / ;

    sheet_slide(sht_mouse, mx, my);　　　　　　　　//鼠标图层的上下滑动

    sheet_slide(sht_win, , );　　　　　　　　　//窗口图层的上下滑动

    sheet_updown(sht_back,  ); 　　　　　　　 　　//图层的高度

    sheet_updown(sht_win,   );

    sheet_updown(sht_mouse, );

    sprintf(s, "(%3d, %3d)", mx, my); 　　　　　　//输出坐标位置

    putfonts8_asc(buf_back, binfo->scrnx, , , COL8_FFFFFF, s);

    sprintf(s, "memory %dMB   free : %dKB",

            memtotal / ( * ), memman_total(memman) / );

    putfonts8_asc(buf_back, binfo->scrnx, , , COL8_FFFFFF, s);

    sheet_refresh(sht_back, , , binfo->scrnx, );//刷新显示界面

harib08g：
　　我们make run一下，发现窗口中的内容在不断的闪烁。到这里位置，我们每次刷新显示都是从最低图层开始，一直向上把所有的图层都王VRAM中写一遍。但是很多图层的内容是没有变化的（比如背景图层）；在这里我们做以下消除闪烁的优化处理：仅对refresh对象及以上的图层进行刷新就行了。
　　1、修改完成刷新工作的sheet_refreshsub()函数：追加一个参数h0表示需要刷新的最低图层。这样在循环处加一个判断条件：for (h = h0; h <= ctl->top; h++)只对层数比h0高的图层进行刷新；
　　2、修改相关的函数：上面我们对sheet_refreshsub()函数追加了h0参数，接下来我们把所有调用了sheet_refreshsub()的函数都修改一下。

　　　　sheet_refreshsub(sht->ctl, sht->vx0 + bx0, sht->vy0 + by0, sht->vx0 + bx1, sht->vy0 + by1, sht->height);

harib08h：
　　上面我们已经消除了窗口刷新时的闪烁，接下来我们来消除鼠标的闪烁！

　　1、map(地图）的定义和初始化：开辟一块和VRAM大小一样的内存--map；这块内存用来表示画面上的点是那个图层的像素，所以相当于是图层的地图。我们要理解作者的用意：map和VRAM设计成大小一样的，就是要把map当做一个中间的缓冲区域（相当于VRAM的一个缓存），这样可以对VRAM的操作进行加速。

//bootpack.h和sheet.c节选

//定  义：map定义在图层管理结构体中

struct SHTCTL {

    unsigned char *vram, *map;

    int xsize, ysize, top;

    struct SHEET *sheets[MAX_SHEETS];

    struct SHEET sheets0[MAX_SHEETS];

};

//初始化：在图层管理初始化函数中做相应修改

struct SHTCTL *shtctl_init(struct MEMMAN *memman, unsigned char *vram, int xsize, int ysize)

{

    //...函数节选：    ................

    　　　　　　　　　　　　　　　　　　　//开辟一个4KB的内存空间，map指向这个空间起始地址

    ctl->map = (unsigned char *) memman_alloc_4k(memman, xsize * ysize);

    if (ctl->map == ) {　　　　　　　//空间开辟失败，报错前先释放

        memman_free_4k(memman, (int) ctl, sizeof (struct SHTCTL));

        goto err;

    }

    ctl->vram = vram;　　　　　　　　 //图层管理结构体其他变量的初始化

    ctl->xsize = xsize;

    ctl->ysize = ysize;

    ctl->top = -; 　　　　　　　　　 /* 隐藏，表示现在没有任何图层 */

    for (i = ; i < MAX_SHEETS; i++) {

        ctl->sheets0[i].flags = ; /* 图层标识FLAG=0表示该图层没有被使用 */

        ctl->sheets0[i].ctl = ctl; /* 初始化图层ctl为图层管理结构体的地址 */

    }

err:

    return ctl;

}

　　2、在map中写入图层号码：我们用当前图层的地址(sht)减去第一块图层的地址（ctl->sheets0)的偏移量来表示该图层的号码sid(sheet ID)
　　图片P215的图片来一个;

void sheet_refreshmap(struct SHTCTL *ctl, int vx0, int vy0, int vx1, int vy1, int h0)

{

    int h, bx, by, vx, vy, bx0, by0, bx1, by1;

    unsigned char *buf, sid, *map = ctl->map;

    struct SHEET *sht;

    if (vx0 < ) { vx0 = ; }

    if (vy0 < ) { vy0 = ; }

    if (vx1 > ctl->xsize) { vx1 = ctl->xsize; }

    if (vy1 > ctl->ysize) { vy1 = ctl->ysize; }

    for (h = h0; h <= ctl->top; h++) {

        sht = ctl->sheets[h];

        //前图层的地址(sht)减去第一块图层的地址（ctl->sheets0)的偏移量

        sid = sht - ctl->sheets0; /* 将进行减法运算的地址作为图层号码使用 */

        buf = sht->buf;

        bx0 = vx0 - sht->vx0;

        by0 = vy0 - sht->vy0;

        bx1 = vx1 - sht->vx0;

        by1 = vy1 - sht->vy0;

        if (bx0 < ) { bx0 = ; }

        if (by0 < ) { by0 = ; }

        if (bx1 > sht->bxsize) { bx1 = sht->bxsize; }

        if (by1 > sht->bysize) { by1 = sht->bysize; }

        for (by = by0; by < by1; by++) {

            vy = sht->vy0 + by;

            for (bx = bx0; bx < bx1; bx++) {

                vx = sht->vx0 + bx;

                if (buf[by * sht->bxsize + bx] != sht->col_inv) {

                    //在对需要刷新的部分进行刷新时，不再是写到VRAM中，而是将该像素的sid写到map中

                    map[vy * ctl->xsize + vx] = sid;

                }

            }

        }

    }

    return;

}

　　3、对sheet_refreshsub进行改写，让它可以使用map

void sheet_refreshsub(struct SHTCTL *ctl, int vx0, int vy0, int vx1, int vy1, int h0, int h1)

{

    int h, bx, by, vx, vy, bx0, by0, bx1, by1;

    unsigned char *buf, *vram = ctl->vram, *map = ctl->map, sid;

    struct SHEET *sht;

    /* refresh刷新的范围超出了画面 */

    //.......................

    for (h = h0; h <= h1; h++) { //只对h0到h1的图层进行跟新操作

        sht = ctl->sheets[h];　　//当前图层的地址

        buf = sht->buf;　　　　　 //当前图层的缓冲区内容

        sid = sht - ctl->sheets0;//计算当前图层sid的值

        /* 倒推出刷新的范围（不懂看前一天的内容) */

        bx0 = vx0 - sht->vx0;

        by0 = vy0 - sht->vy0;

        bx1 = vx1 - sht->vx0;

        by1 = vy1 - sht->vy0;

        if (bx0 < ) { bx0 = ; }

        if (by0 < ) { by0 = ; }

        if (bx1 > sht->bxsize) { bx1 = sht->bxsize; }

        if (by1 > sht->bysize) { by1 = sht->bysize; }

        for (by = by0; by < by1; by++) {

            vy = sht->vy0 + by;

            for (bx = bx0; bx < bx1; bx++) {

                vx = sht->vx0 + bx;

                //只有当前sid和map中该像素处sid相等，才将缓存写到VRAM中

                if (map[vy * ctl->xsize + vx] == sid) {

                    vram[vy * ctl->xsize + vx] = buf[by * sht->bxsize + bx];

                }

            }

        }

    }

    return;

}

　　4、修改调用了sheet_refreshsub（）的3个函数：在函数sheet_refresh()\sheet_slide()\sheet-updown中都对函数sheet_refreshsub（）有调用，我们找到这三个函数的相应位置，按照sheet_refreshsub（）新的参数，重写一下调用.

《30天自制操作系统》11_day_学习笔记

《30天自制 操作系统》11_day_学习笔记的相关教程结束。

相关推荐

Selenium 学习笔记

「学习笔记」gdb 调试的简单操作

python教程入门学习笔记第2天第一个python程序代码规范用默认的IDLE (Python GUI)编辑器编写

python教程入门学习笔记第1天初识python python语言环境安装 python编写器

机器学习实战（Machine Learning in Action）学习笔记————03.决策树原理、源码解析及测试

[C#] 逆袭——自制日刷千题的AC自动机攻克HDU OJ

liunx操作系统下配置服务器

Oracle学习笔记三 SQL命令

《30天自制操作系统》11_day_学习笔记

《30天自制操作系统》11_day_学习笔记的相关教程结束。

相关推荐

Selenium 学习笔记

「学习笔记」gdb 调试的简单操作

python教程 入门学习笔记 第2天 第一个python程序 代码规范 用默认的IDLE (Python GUI)编辑器编写

python教程 入门学习笔记 第1天 初识python python语言环境安装 python编写器

机器学习实战（Machine Learning in Action）学习笔记————03.决策树原理、源码解析及测试

[C#] 逆袭——自制日刷千题的AC自动机攻克HDU OJ

liunx操作系统下配置服务器

Oracle学习笔记三 SQL命令

python教程入门学习笔记第2天第一个python程序代码规范用默认的IDLE (Python GUI)编辑器编写

python教程入门学习笔记第1天初识python python语言环境安装 python编写器