数码相框实现三：浏览页面显示及功能实现

最新推荐文章于 2021-03-12 12:10:33 发布
最新推荐文章于 2021-03-12 12:10:33 发布
阅读量428 收藏
点赞数
分类专栏： 电子书 + 数码相框(入门项目)
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42800075/article/details/106321069
版权

数码相框实现三：浏览页面显示及功能实现

一、本文内容概述
在前文时间间隔设置页面显示基础上，继续完善，实现点击设置页面的“选择目录”图标按钮，
显示如下“浏览”页面。然后接着实现浏览页面的四个菜单功能。

四个菜单的功能介绍：
1.向上：返回上一目录，如果在顶层目录，则返回到“设置页面”
2.选择：选中某一目录作为主页面里“连播模式”的播放对象
3.上一页：返回上层目录，如果在顶层目录，并不返回
4. 下一页：进入下一层目录，如果下一层目录不存在，点击没有反应。

补充：显示的目录和文件在根文件系统上。
下面，分为两部分讲解： 浏览页面显示 + 菜单功能实现
友情提示：本文长达1.2w+，可按前面目录按需选择 : )

显示浏览页面

二、浏览页面的显示
浏览页面显示分两三走：1）计算菜单图标坐标  2）计算目录、文件图标位置  3）获取根文件系统目录和文件名
2. 1 计算菜单图标坐标
	我用的是4.3寸(480x272)LCD, 宽大于高，故菜单图标从上到下排列在LCD最左侧合适。
	(当然，如果使用其它尺寸，可将菜单图标放在最上边，这里只讲解最左侧的坐标位置计算)

4个菜单坐标位置计算

来看下代码实现，在browse_page.c 文件中

/* 计算4个菜单图标坐标 */
static void  BrowsePageCalcMenuLayout(PT_PageLayout ptPageLayout)
{
	int i;
 	int iWidth;
 	int iHeight;
 	int iXres, iYres, iBpp;
 	
 	int iTmpTotalBytes;
 	PT_Layout atLayout;
 	atLayout = ptPageLayout->atLayout;
 
 	GetLCDParams(&iXres, &iYres, &iBpp);
	ptPageLayout->iBpp = iBpp;
 	/*  iYres/4
   	*   -------------------------------------------
   	*    up       |
   	*             |
   	*    select   |
   	*             |     目录和文件
   	*    pre_page |
   	*             |
   	*   next_page |
   	*             |
   	*   -------------------------------------------
   	*/
 	iHeight = iYres / 4;
 	iWidth  = iHeight;
 	
 	/* up图标 */
 	atLayout[0].iLeftTopY  = 0;
 	atLayout[0].iRightBottomY = atLayout[0].iLeftTopY + iHeight - 1;
 	atLayout[0].iLeftTopX  = 0;
 	atLayout[0].iRightBottomX = atLayout[0].iLeftTopX + iWidth - 1;
 
 	/* select图标 */
 	atLayout[1].iLeftTopY  = atLayout[0].iRightBottomY + 1;
 	atLayout[1].iRightBottomY = atLayout[1].iLeftTopY + iHeight - 1;
 	atLayout[1].iLeftTopX  = 0;
 	atLayout[1].iRightBottomX = atLayout[1].iLeftTopX + iWidth - 1;
 	
 	/* pre_page图标 */
 	atLayout[2].iLeftTopY  = atLayout[1].iRightBottomY + 1;
 	atLayout[2].iRightBottomY = atLayout[2].iLeftTopY + iHeight - 1;
 	atLayout[2].iLeftTopX  = 0;
 	atLayout[2].iRightBottomX = atLayout[2].iLeftTopX + iWidth - 1;
 	
 	/* next_page图标 */
 	atLayout[3].iLeftTopY  = atLayout[2].iRightBottomY + 1;
 	atLayout[3].iRightBottomY = atLayout[3].iLeftTopY + iHeight  - 1;
 	atLayout[3].iLeftTopX  = 0;
 	atLayout[3].iRightBottomX = atLayout[3].iLeftTopX + iWidth  - 1;
 	
 	/* 待完善：可用 for 循环 计算上面图标的位置*/
    	i = 0;
 	while (atLayout[i].pcIconName)
 	{
  		iTmpTotalBytes = (atLayout[i].iRightBottomX - atLayout[i].iLeftTopX + 1) * 
  			(atLayout[i].iRightBottomY - atLayout[i].iLeftTopY + 1) * iBpp / 8;
  		if (ptPageLayout->iMaxTotalBytes < iTmpTotalBytes)
  		{
   			ptPageLayout->iMaxTotalBytes = iTmpTotalBytes;
  		}
  		i++;
 	}
}
2. 2 计算目录、文件图标位置
	相对于菜单图标坐标位置计算，目录、文件图标位置计算难一些，但都是对称的，可用for循环计算。
	分两步走：2.1）计算图标位置  2.2) 分配、提取图标，并写入缓冲块再刷到LCD显存
	2.1）计算图标位置，如下图

目录、文件图标位置计算

代码实现如下，也在browse_page.c文件中

/* 事先定义框的大小，每个框 60 x 60 = 图标 40x40 + 文字 60x20 */
#define DIR_FILE_ICON_WIDTH  40
#define DIR_FILE_ICON_HEIGHT DIR_FILE_ICON_WIDTH
#define DIR_FILE_NAME_HEIGHT  20
#define DIR_FILE_NAME_WIDTH  (DIR_FILE_ICON_HEIGHT + DIR_FILE_NAME_HEIGHT)
#define DIR_FILE_ALL_WIDTH   DIR_FILE_NAME_WIDTH
#define DIR_FILE_ALL_HEIGHT  DIR_FILE_ALL_WIDTH

static PT_Layout g_ptDirAndFileLayout;

static int BrowsePageCalcDirAndFileLayout(void)
{
    /* 1. 申请一页能显示的目录和文件图标内存空间 */
    unsigned int iNumPerRow = 0;
    unsigned int iNumPerCol = 0;
    
    int iRectLeftTopX;
    int iRectLeftTopY;
    int iRectRightBottomX;
    int iRectRightBottomY;
    
    int iDeltaX, iDeltaY;
    int iIconWidth, iIconHeight;
    int iXres, iYres, iBp;
    int iTopLeftXBak;
    int iRow, iCol, iStep = 0;
    
    GetLCDParams(&iXres, &iYres, &iBpp);
    // 下面四个坐标是矩形框的(淡紫色框)
    iRectLeftTopX = g_atBrowsePageIconLayout[0].iRightBottomX + 1;
    iRectLeftTopY = 0;
    
    iRectRightBottomX = iXres -1;
    iRectRightBottomY = iYres - 1;
    
    iIconWidth  = DIR_FILE_ALL_WIDTH;
    iIconHeight = iIconWidth;
    
    iNumPerRow = (iRectRightBottomX - iRectLeftTopX) / iIconWidth;
    while (1)
    {
       iDeltaX  = (iRectRightBottomX - iRebLeftTopX + 1) - iIconWidth * iNumPerRow;
       if ((iDeltaX / (iNumPerRow + 1)) < 10)
           iNumPerRow--;
       else
           break;
    }
    
    iNumPerCol = (iRectRightBottomY - iRectLeftTopY) / iIconHeight;
    while (1)
    {
       iDeltaY  = (iRectRightBottomY - iRectLeftTopY + 1) - iIconHeight * iNumPerCol;
       if ((iDeltaY / (iNumPerCol + 1)) < 10)
           iNumPerCol--;
       else
           break;
    }
    /* 每个图标之间的间隔 */
    iDeltaX = iDeltaX / (iNumPerRow + 1);
    iDeltaY = iDeltaY / (iNumPerCol + 1);
    
    g_iDirFileNumPerRow = iNumPerRow;  // 每行、每列图标数量保存到一个全局变量，后面函数要用
    g_iDirFileNumPerCol = iNumPerCol;
    
    g_ptDirAndFileLayout = malloc(sizeof(T_Layout) * (2 * iNumPerRow * iNumPerCol + 1));
    if(NULL == g_ptDirAndFileLayout)
    {
        DBG_PRINTF("malloc g_ptDirAndFileLayout fail!\n");
        return -1;
    }
     /* "目录和文件"整体区域的左上角、右下角坐标 */
    g_tBrowsePageDirAndFileLayout.iTopLeftX      = iRectLeftTopX;
    g_tBrowsePageDirAndFilbeLayout.iBotRightX     = iRectLeftTopY;
    g_tBrowsePageDirAndFileLayout.iTopLeftY      = iRectRightBottomX;
    g_tBrowsePageDirAndFileLayout.iBotRightY     = iRectRightBottomY;
    g_tBrowsePageDirAndFileLayout.iBpp           = iBpp;
    g_tBrowsePageDirAndFileLayout.atLayout       = g_ptDirAndFileLayout;
    g_tBrowsePageDirAndFileLayout.iMaxTotalBytes = DIR_FILE_ALL_WIDTH * DIR_FILE_ALL_HEIGHT * iBpp / 8;
    
    /* 2. 计算每个目录和文件图标在LCD的显示位置 */
    iRectLeftTopX += iDeltaX;
    iRectLeftTopY += iDeltaY;
    iTopLeftXBak = iRectLeftTopX;
    for(iCol = 0; iCol < iNumPerCol; ++iCol)
    {
        for(iRow = 0; iRow < iNumPerRow; ++iRow)
        {
            g_ptDirAndFileLayout[iStep].iLeftTopX = iRectLeftTopX + (DIR_FILE_NAME_WIDTH - DIR_FILE_ICON_WIDTH) / 2;
            g_ptDirAndFileLayout[iStep].iLeftTopY = iRectLeftTopY;
            g_ptDirAndFileLayout[iStep].iRightBottomX = g_ptDirAndFileLayout[iStep].iLeftTopX + DIR_FILE_ICON_WIDTH -1;
            g_ptDirAndFileLayout[iStep].iRightBottomY = iRectLeftTopY + DIR_FILE_ICON_HEIGHT - 1;
            g_ptDirAndFileLayout[iStep+1].iLeftTopX = iRectLeftTopX ;
            g_ptDirAndFileLayout[iStep+1].iLeftTopY = g_ptDirAndFileLayout[iStep].iRightBottomY + 1;
            g_ptDirAndFileLayout[iStep+1].iRightBottomX = iRectLeftTopX + DIR_FILE_NAME_WIDTH - 1;
            g_ptDirAndFileLayout[iStep+1].iRightBottomY = g_ptDirAndFileLayout[iStep+1].iLeftTopY 
            							+ DIR_FILE_NAME_HEIGHT - 1;
            iRectLeftTopX += DIR_FILE_ALL_WIDTH + iDeltaX;
            iStep += 2;  
        }
        iRectLeftTopX = iTopLeftXBak;
        iRectLeftTopY += DIR_FILE_ALL_HEIGHT + iDeltaY;
    }
     /* 结尾 */
    g_ptDirAndFileLayout[iStep].iLeftTopX   = 0;
    g_ptDirAndFileLayout[iStep].iLeftTopY  = 0;
    g_ptDirAndFileLayout[iStep].iRightBottomX   = 0;
    g_ptDirAndFileLayout[iStep].iRightBottomY  = 0;
    g_ptDirAndFileLayout[iStep].pcIconName = NULL;
    
    return 0;
}
2.2）分配、提取图标，并写入缓冲块再刷到LCD显存
	这部分看代码即可，不难理解。(下面的代码也在browse_page.c文件)

static int 
GenerateBrowsePageDirAndFile(int iStartIndex, int iDirContentsNumber,
				 PT_DirContent *aptDirContents, PT_VideoMem ptVideoMem)
{
    /* 1.给目录和文件图标分配空间并设置(提取图标数据) */
    static int bGetDirFileBmp = 0;
    static T_PixelDatas tDirIconPixelDatas;
    static T_PixelDatas tFileIconPixelDatas;
    
    PT_PageLayout ptPageLayout = &g_tBrowsePageDirAndFileLayout;
    PT_Layout atLayout = ptPageLayout->atLayout;
    T_PixelDatas tOriginIconPixelDatas;
    
    int iDirContentIndex = iStartIndex;
    int iError;
    int i, j, k = 0;
    
    if(!bGetDirFileBmp)
    {
        // 1.1 分配图标空间
        tDirIconPixelDatas.iBpp = ptVideoMem->tPixelDatas.iBpp;
        tDirIconPixelDatas.aucPixelDatas = malloc(ptPageLayout->iMaxTotalBytes);
        if (tDirIconPixelDatas.aucPixelDatas == NULL)
        {
            return -1;
        }
        tFileIconPixelDatas.iBpp          = ptVideoMem->tPixelDatas.iBpp;
        tFileIconPixelDatas.aucPixelDatas = malloc(ptPageLayout->iMaxTotalBytes);
        if (tFileIconPixelDatas.aucPixelDatas == NULL)
        {
            return -1;
        }
        
        // 1.2 提取图标数据
        /* 1.2.1 提取"目录图标" */
        iError = GetPixelDatasForIcon(g_strDirIconName, &tOriginIconPixelDatas);
        if (iError)
        {
            DBG_PRINTF("GetPixelDatasForIcon %s error!\n", g_strDirIconName);
            return -1;
        }
        tDirIconPixelDatas.iHeight = atLayout[0].iRightBottomY - atLayout[0].iLeftTopY + 1;
        tDirIconPixelDatas.iWidth  = atLayout[0].iRightBottomX - atLayout[0].iLeftTopX + 1;
        tDirIconPixelDatas.iLineBytes  = tDirIconPixelDatas.iWidth * tDirIconPixelDatas.iBpp / 8;
        tDirIconPixelDatas.iTotalBytes = tDirIconPixelDatas.iLineBytes * tDirIconPixelDatas.iHeight;
        
        PicZoom(&tOriginIconPixelDatas, &tDirIconPixelDatas);
        FreePixelDatasForIcon(&tOriginIconPixelDatas);
        
        /* 1.2.2 提取“文件图标”*/
        iError = GetPixelDatasForIcon(g_strFileIconName, &tOriginIconPixelDatas);
        if (iError)
        {
            DBG_PRINTF("GetPixelDatasForIcon %s error!\n", g_strFileIconName);
            return -1;
        }
        tFileIconPixelDatas.iHeight = atLayout[0].iRightBottomY - atLayout[0].iLeftTopY + 1;
        tFileIconPixelDatas.iWidth  = atLayout[0].iRightBottomX - atLayout[0].iLeftTopX+ 1;
        tFileIconPixelDatas.iLineBytes  = tDirIconPixelDatas.iWidth * tDirIconPixelDatas.iBpp / 8;
        tFileIconPixelDatas.iTotalBytes = tFileIconPixelDatas.iLineBytes * tFileIconPixelDatas.iHeight;
        
        PicZoom(&tOriginIconPixelDatas, &tFileIconPixelDatas);
        FreePixelDatasForIcon(&tOriginIconPixelDatas);
        bGetDirFileBmp = 1;
    }
    ClearRectangleInVideoMem(ptPageLayout->iTopLeftX, ptPageLayout->iTopLeftY, 
    		ptPageLayout->iBotRightX, ptPageLayout->iBotRightY, ptVideoMem, COLOR_BACKGROUND);
    SetFontSize(atLayout[1].iRightBottomY - atLayout[1].iLeftTopY - 5);
    
    /* 2.将目录和文件图标写入缓冲块 */
     for (i = 0; i < g_iDirFileNumPerCol; i++)
    {
        for (j = 0; j < g_iDirFileNumPerRow; j++)
        {
            if (iDirContentIndex < iDirContentsNumber)
            {
                /* 显示目录或文件的图标 */
                if (aptDirContents[iDirContentIndex]->eFileType == FILETYPE_DIR)
                {
                    PicMerge(atLayout[k].iLeftTopX, atLayout[k].iLeftTopY,
                    		 &tDirIconPixelDatas, &ptVideoMem->tPixelDatas);
                }
                else 
                {
                    PicMerge(atLayout[k].iLeftTopX, atLayout[k].iLeftTopY, 
                    		&tFileIconPixelDatas, &ptVideoMem->tPixelDatas);
                }
                k++;
                /* 显示目录或文件的名字, 那很长函数名的函数只需知道用于将字符串(目录/文件名)写入缓冲块某一位置  */
                iError = MergerStringToCenterOfRectangleInVideoMem(atLayout[k].iLeftTopX, 
                	atLayout[k].iLeftTopY, atLayout[k].iRightBottomX, atLayout[k].iRightBottomY, 
                	(unsigned char *)aptDirContents[iDirContentIndex]->strName, ptVideoMem);
                k++;
                iDirContentIndex++;
            }
            else
            {
                break;
            }
        }
        if (iDirContentIndex >= iDirContentsNumber)
        {
            break;
        }
    }
    return 0;
}
2. 3 获取根文件系统目录和文件名
	策略：把这些目录名、文件名放在一个数组里，显示时指定下标即可确定每页内容。
	这部分下面代码解决的很清除了，看源码

/* 把某目录下所含的顶层子目录、顶层目录下的文件都记录下来 */
int GetDirContents(char *strDirName, PT_DirContent **pptDirContents, int *piNumber) 
{
	PT_DirContent *aptDirContents;
	struct dirent **aptNameList;
 	int iNumber;
 	int i;
 	int j;
 	
 	/* 扫描目录,结果按名字排序,存在aptNameList[0],aptNameList[1],... */
 	iNumber = scandir(strDirName, &aptNameList, 0, alphasort);
 	if (iNumber < 0)
 	{
  		DBG_PRINTF("scandir error : %s!\n", strDirName);
  		return -1;
 	}
 	/* 忽略".", ".."这两个目录 */
 	aptDirContents = malloc(sizeof(PT_DirContent) * (iNumber - 2));
 	if (NULL == aptDirContents)
 	{
  		DBG_PRINTF("malloc error!\n");
  		return -1;
 	}
    
    	*pptDirContents = aptDirContents;
 	for (i = 0; i < iNumber - 2; i++)
 	{
  		aptDirContents[i] = malloc(sizeof(T_DirContent));
  		if (NULL == aptDirContents)
  		{
   			DBG_PRINTF("malloc error!\n");
   			return -1;
  		}
 	}
 	
 	/* 先把目录挑出来存入aptDirContents */
 	for (i = 0, j = 0; i < iNumber; i++)
 	{
  		/* 忽略".",".."这两个目录 */
  		if ((0 == strcmp(aptNameList[i]->d_name, ".")) || (0 == strcmp(aptNameList[i]->d_name, "..")))
   			continue;
        	/* 并不是所有的文件系统都支持d_type, 所以不能直接判断d_type */
  		/* if (aptNameList[i]->d_type == DT_DIR) */
        	if (isDir(strDirName, aptNameList[i]->d_name))
  		{
   			strncpy(aptDirContents[j]->strName, aptNameList[i]->d_name, 256);
   			aptDirContents[j]->strName[255] = '\0';
   			aptDirContents[j]->eFileType    = FILETYPE_DIR;
            		free(aptNameList[i]);
            		aptNameList[i] = NULL;
   			j++;
  		}
 	}
 	
 	/* 再把常规文件挑出来存入aptDirContents */
 	for (i = 0; i < iNumber; i++)
 	{
        	if (aptNameList[i] == NULL)
            		continue;
  		/* 忽略".",".."这两个目录 */
  		if ((0 == strcmp(aptNameList[i]->d_name, ".")) || (0 == strcmp(aptNameList[i]->d_name, "..")))
   			continue;
        	/* 并不是所有的文件系统都支持d_type, 所以不能直接判断d_type */
  		/* if (aptNameList[i]->d_type == DT_REG) */
        	if (isRegFile(strDirName, aptNameList[i]->d_name))
  		{
   			strncpy(aptDirContents[j]->strName, aptNameList[i]->d_name, 256);
   			aptDirContents[j]->strName[255] = '\0';
   			aptDirContents[j]->eFileType    = FILETYPE_FILE;
            		free(aptNameList[i]);
            		aptNameList[i] = NULL;
   			j++;
  		}
 	}
 	/* 释放aptDirContents中未使用的项 */
 	for (i = j; i < iNumber - 2; i++)
 	{
  		free(aptDirContents[i]);
 	}
 	/* 释放scandir函数分配的内存 */
 	for (i = 0; i < iNumber; i++)
 	{
        	if (aptNameList[i])
        	{
      			free(aptNameList[i]);
        	}
 	}
 	free(aptNameList);
 	*piNumber = j;
	return 0;
}
三、菜单功能的实现
1.向上：返回上一目录，如果在顶层目录，则返回到“设置页面”
2. 选择：选中某一目录作为主页面里“连播模式”的播放对象（这个留到连播实现再讲解）
3.上一页：返回上层目录，如果在顶层目录，并不返回
4. 一页：进入下一层目录，如果下一层目录不存在，点击没有反应。

先实现翻页操作。
前面说过又数组存储当前页的目录和文件名，因此，有了前面获得一页内容功能后，对于翻页操作，
只需改变数组下标，确定当前页显示哪些目录或文件即可。
下面代码只展示逻辑部分，完整代码可从我的“代码集合”获取 ：)

case 0: /* "向上"按钮 */
{
	return;
        break;
}
case 1: /* "选择"按钮 */
{
       break;
}
case 2: /* "上一页"按钮 */
{
	g_iStartIndex -= g_iDirFileNumPerRow * g_iDirFileNumPerCol;
        if(g_iStartIndex >= 0)
        {
              iError = GenerateBrowsePageDirAndFile(g_iStartIndex, 
              			g_iDirContentsNumber, g_aptDirContents, ptDevVideoMem);
                                 
        }
        else
        {
              g_iStartIndex += g_iDirFileNumPerRow * g_iDirFileNumPerCol;
        }
        break;
}
case 3: /* "下一页"按钮 */
{
	g_iStartIndex += g_iDirFileNumPerRow * g_iDirFileNumPerCol;
	if(g_iStartIndex < g_iDirContentsNumber)
        {
		iError = GenerateBrowsePageDirAndFile(g_iStartIndex, 
                   		g_iDirContentsNumber, g_aptDirContents, ptDevVideoMem);
        }
        else
        {
                g_iStartIndex -= g_iDirFileNumPerRow * g_iDirFileNumPerCol;
        }
        break;
}

那点击目录图标时，如何显示子目录内容呢？
限于篇幅，这里提一下编程思路，详细实现还请参考源码。

显示子目录内容的逻辑图

ok，1.2 w+的内容，篇幅太长了。就此打住。
如果我还有没讲清除或讲错的地方，欢迎评论交流噢 : )
ZMK_02
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
数码相框的实现
09-30
该资源是关于数码相框的一个简单的应用， 大家可以参照来完善
在STM32上面的图片显示方法，实现一个简单的数码相框
最新发布
03-23
然后检测SD卡是否存在，如果SD卡存在，则开始查找SD卡根目录下的PICTURE文件夹，如果找到则显示该文件夹下面的图片文件（支持bmp、jpg、jpeg或gif格式），循环显示，通过按KEY0和KEY1可以快速浏览下一张和上一张，...
数码相框实现二、显示设置页面、时间间隔设置页面
MK
05-21 488
数码相框实现二、显示设置页面、时间间隔设置页面一、写在前面二、本文内容概述三、显示设置页面四、显示时间间隔设置页面五、实现加减时间间隔六、全文总结 一、写在前面 ​突然发现，如何先把思路讲清，然后再贴出一堆代码。这种分离式的讲解不仅难以将代码与原理联系在一起， 更重要的是后面贴出的一段代码实在枯涩难懂(一没注释，二代码太长)。因此，个人看法，应该一文按实现顺序拆分为几部分， 每一部分将思路与代码实现结合起来，且第一部分应提出本文目标，结尾部分再捋一下全篇思路，做出总结。 此外，如有参考资料或辅助资料放在最后
数码相框解决方案深度分析
qq_15079039的博客
10-13 3310
数码相框从最初的概念型产品进入市场，至今已有五、六年时间。早期的数码相框解决方案，多数是移植DVD播放器的平台，也有部分使用的是多媒体应用平台（如PMP），数码相框的专业平台极少。如今，数码相框市场正在经历一个上升期，各种针对数码相框的专业级方案平台逐步发展成熟起来，各种解决方案也层出不穷。不管是数码相框产业的当事人，还是即将介入该产业领域的投资者，对于各种扑朔迷离的解决方案，无疑都想看个究竟。充
数码相框实现一、显示主界面
MK
05-19 751
一、理清思路, 比啥都重要 因为数码相框是在电子书的基础上实现的，因此会继续继承电子书的框架。 即显示主界面和其它界面合为一个子模块，也需向上注册该模块。 对于显示主界面，本文目标如下图： 实现显示主界面分三步走 1）按电子书子模块实现的老套路，搭建子模块的框架 2）显示主界面的逻辑 3）获得触摸屏输入事件的逻辑 1）主界面显示的子模块框架图，如下 这部分代码最好写了，只是添加一个子模块。套路跟之前编写电子书子模块一样。 因此，这里不再赘述，重点在下面的如何显示主界面 2）显示主界面逻辑图，如下
数码相框实现五：图片的手动播放
MK
05-28 581
数码相框实现五：图片的手动播放一、本文目标二、手动播放页面显示三、实现放大、缩小、连播等功能 一、本文目标 本文实现数码相框的最后一个功能：图片的手动播放 具体操作：浏览模式-->点击某张图片(支持jpg\bmp)-->显示图片(可放大、缩小、连播、图片移动) 显示效果如下图： 如何实现呢？ 依然两步走：1）页面显示(包括菜单图标 + 图片) 2）功能实现(放大、缩小、连播等) 下面按这两步依次讲解。 二、手动播放页面显示 对于手动播放页面坐标计算，看下图(备注：菜单图标坐标对称的，很简单
数码相框实现四：实现图片的连播模式
MK
05-25 629
数码相框实现四：实现图片的连播模式一、目标与思路二、源码实现与效果图2.1 整体实现的搭建2.2 获得时间间隔和播放目录2.3 准备下一张图片2.4 递归获得目录下文件名2.5 效果图展示 一、目标与思路 有了前面浏览页面的显示和功能实现，“连播模式”就可完成了。 本文目标：实现图片的连播 -->连播模式：如果没有设置，则默认从根目录/递归显示所有的图片(bmp和jpg格式)。 否则，如果设置了播放的“时间间隔” 和 选择的“播放目录”， 就会按设置的时间间隔递归连续显示那个目录下的所有图片。
基于Nios-II的多功能数码相框设计
08-19
数码相框的功能包括JPEG图片的自动播放和缩略图浏览、多区显示、图片编辑（旋转、美化）、多媒体播放（MP3、MP4）以及文件管理（支持USB和SD卡）。此外，还有附加功能如时钟和万年历。 系统硬件设计涵盖多个模块，...
基于Nios II 的多功能数码相框的设计与实现
07-30
该数码相框的核心特点是支持多种图像格式（如BMP和JPEG），并且具备图像旋转、缩放、切换特效，以及背景音乐播放和时间显示等功能。 系统硬件架构基于Cyclone II FPGA芯片，其中Nios II软核处理器负责处理高级任务...
酷炫电子相册浏览器
04-26
android开发的酷炫电子相册图片浏览器
基于单片机的多功能数码相框设计与实现.doc
09-18
【基于单片机的多功能数码相框设计与实现】 这篇文档是关于一项毕业设计，旨在构建一个基于单片机的多功能数码相框。这个设计属于物理科学与工程技术学院的电子信息工程专业，由勇同学完成，指导教师是莉讲师。设计...
基于Nios II的多功能数码相框设计
01-19
0 引言 　数码相框是时尚的电子消费品，也是家庭必备的装饰品，是一种以存储、回放和浏览数码照片为功能的...　本文采用了基于NiosⅡ软核处理器的SOPC技术来实现数码相框的设计，从根本上改变了传统设计方案的不足。
数码相框(十六、LCD显示JPG格式图片)
Louis@L.M.的博客
03-12 1498
注：本人已购买韦东山老师第三期项目视频，内容来源《数码相框项目视频》，只用于学习记录，如有侵权，请联系删除。 1. LCD 如何显示一张图片？ 假如下图是是我们的 JZ2440 开发板，它有一个块显存、LCD控制器、LCD显示屏，LCD是如何显示张图片的呢？ 如上图所示： ① 图片的颜色数据存放在显存，LCD 控制器会自动从显存取出图片的一个个颜色数据发送给LCD，取到最后又从头开始的循环取数据，最终把一张图片的全部颜色数据发送到LCD上，从而在LCD显示出该图片； ② 显存存放的数据是RGB数据；.
PTA 7-3 菜单选择 (12分)
qq_45687225的博客
05-25 1453
7-3 菜单选择 (12分) 生活或程序中都会有选择的时候，一般会通过菜单来选择，我们这里是多个中选择一个。编写程序，对提供的供选项进行处理并返回用户的选择项。 输入格式: 两行输入，第一行是若干个选择项，个数不超过8个，分隔符可能是空格或逗号，用换行表示结束。第二行是用户的选择，表示选择的是第几项（从零开始计：0-7）。 输出格式: 输出也是两行，第一行是依次排列的选项列表：0号，1号，2号……，每个都置于一对[]中。第二行是用户的选择项：就是用户输入的数字对应的选项，如果用户选择错误，则输出：(null
[电子书]项目储备二：用FreeType2绘制矢量字体、多行文字
MK
05-07 1008
0 矢量字体 VS 点阵字体 点阵字体：每一个字符都用点阵(8x8 / 8x16/ 16x16等)表示，然后用每个点的虚实来表示字符的轮廓 矢量字体：矢量字体(Vector font)中每一个字形是通过数学曲线来描述的，它包含了字形边界上的关键点，连线的导数信息等， 字体的渲染引擎(如FreeType2)通过读取这些数学矢量，然后进行一定的数学运算来进行渲染。 矢量字体主要包括 Type1、 Tr...
[电子书]项目储备一: 字符编码与LCD显示单个字母/汉字
MK
05-06 690
1 字符编码 对于字符编码，网上一堆好文章，写得更详细。这里只是提及一些关键点。 字符编码的发展历程概括为: ASCII码--> 各国/地区独立编码(如GB2312/GBK、BIG5等)--->统一编码：unicode码 在面对同一字符可有不同编码，或者同一编码值可解码为不同字符，为统一编码， 出现了unicode码，值得注意的是，unicode码只是给出了每个字符对应的编码值，...
数码相框的准备——显示并缩放bmp图片
MK
05-18 643
一、写在前面 后续的文章将会在电子书的基础上实现一个数码相框。在讲解框架之前，先讲解如何在LCD上显示bmp图片 并支持缩放。另外，后面在讲完一个知识点后便贴出源码实现，加深理解。 对于在LCD显示bmp位图，分三步： 1）解析BMP文件，获得位图数据 2）缩放图片 3）合并图片 二、BMP图片格式解析与源码实现 1）理解BMP图片格式 2）编程解析BMP的注意点 3）源码实现 static int CovertOneLine(int iWidth, int iSrcBpp, int iDstBpp
电子书完善三：支持网络打印
MK
05-17 615
电子书完善三：支持网络打印一、添加debug(输出)子模块二、环形缓冲区 + 多线程三、源码实现3.0 debug_manager.h3.1 debug_manager.c3.2 stdout.c3.2 net_print.c四、调试遇到的坑(bug) 一、添加debug(输出)子模块 二、环形缓冲区 + 多线程 debug子模块用到了环形缓冲区 + 多线程，因为前面讲解多线程并没细讲，这里补充说明一些。 1.环形缓冲区 2. 多线程 用 “互斥锁” 实现多线程见互斥访问临界资源(公共资源)， 用“条
基于FPGA的数码相框制作.doc
06-21
基于FPGA的数码相框制作.doc

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值