谈谈应用软件人机界面开发的组织框架编写

分手后的思念是犯贱 2022-04-01 03:54 161阅读 0赞

一款好的电子产品，肯定少不了一个好的软件框架，首先我们来看下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21vcml4aW5ndWFu_size_16_color_FFFFFF_t_70][]

一般来说我们的产品都有按键，按键用来操作相应的界面，那就会有相应的界面处理方法，以下有两种结构的编写：

## A类编写： ##

void left_key_process(int current_page)
    {
    	switch(current_page)
    	{
    		case MAIN_PAGE:
    			//针对main_page的左键处理
    			 main_page_left_key_process();
    			break ;
    		case SETTING_PAGE:
    			//针对setting_page的左键处理
    			setting_page_left_key_process();
    			 break ;
    		case LOG_PAGE:
    			//针对log_page的左键处理
    			log_page_left_key_process();
    			break ;
    		case LANGUAGE_PAGE:	
    			//针对language_page的左键处理
    			language_page_left_key_process();
    			break ;
    			 ....
    	}
    }
    
    void right_key_process(int current_page)
    {
    	//....
    }
    
    void enter_key_process(int current_page)
    {
    	//....
    }
    
    void UI_Page_Process(int KeyValue)
    {
    	switch(KeyValue)
    	{
    		case LEFT_KEY :
    			 left_key_process(KeyValue);
    			 break ;
    		
    		case RIGHT_KEY:
    		     right_key_process(KeyValue);
    			 break ;
    		case ENTER_KEY:
    			 enter_key_process(KeyValue);
    			 break ;
    		...
    	}
    }

## B类编写： ##

void main_page_process(int KeyValue)
    {
    	switch(KeyValue)
    	{
    		case LEFT_KEY:
    			 //针对main_page的左键处理
    			 break ;
    		case RIGHT_KEY:
    			 //针对main_page的右键处理
    			 break ;
    		case ENTER_KEY:
    			 //针对main_page的Enter键处理
    			 break ;
    		case BACK_KEY:
    		     //针对main_page的back键处理
    			 break ;
    		...
    	}
    }
    
    void setting_page_process(int KeyValue)
    {
    	switch(KeyValue)
    	{
    		case LEFT_KEY:
    		     ...
    			 break ;
    		case RIGHT_KEY:
    			 ...
    			 break ;
    		case ENTER_KEY:
    			 ...
    			 break ;
    		case BACK_KEY:
    			 ...
    			 break ;
    		...
    	}
    }
    
    void Log_page_process(int KeyValue)
    {
    	switch(KeyValue)
    	{
    		case LEFT_KEY:
    			 ...
    			 break ;
    		case RIGHT_KEY:
    			 ...
    			 break ;
    		case ENTER_KEY:
    		     ...
    			 break ;
    		case BACK_KEY:
    			 ...
    			 break ;
    		...
    	}
    }
    
    void UI_Page_Process(int KeyValue)
    {
    
    	switch(current_page)
    	{
    		case MAIN_PAGE:
    			 main_page_process(KeyValue);
    			 break ;
    		case SETTING_PAGE:
    			 setting_page_process(KeyValue);
    			 break ;
    		case LOG_PAGE:
    			 Log_page_process(KeyValue);
    			 break ;
    		....
    	}
    }

A类编写，我可以起个名字叫直男式编写，逻辑没有错，也能正常操作相应的页面，没有问题，可它就是一条线，直! 首先拿到键值，然后操作界面，和我们正常人的思维差不多。但如果代码量剧增，页面众多，每个页面有不同的处理按键，相信A类的编写给后面的人来维护或者增加处理方法人一定会非常抱怨，为啥找个界面处理这么痛苦？

我们再来看看B类，我可以起个名字叫人机接口式编写。首先我们要操作界面，界面就是人机接口，每个不同的界面由对应的按键操作方法，这样看起来，是不是更好维护了？以后，我要往界面添加、删除等相关按键的处理方法，那是不是就更好找了？

虽然说B类看起来更加的易维护，但仍然存在缺陷，那就是一旦菜单项数变多以后，就存在效率低下的问题了，我们有一种更好的解决方法====>函数跳转表，我们将B类的方式改一下：

给一个索引值，就能找到对应的操作方法，接下来请看以下案例：

#include <iostream>
    #include <conio.h>
    using namespace std ;
    #define NR(x) (sizeof(x)/sizeof(x[0]))
    
    int main_page_process();
    int detect_page_process();
    int log_page_process();
    int setting_page_process();
    
    //菜单枚举 
    typedef enum
    {
    	MAIN_PAGE = 0,
    	DETECT_PAGE,
    	LOG_PAGE,
    	SETTING_PAGE
    }MENU_INDEX;
    
    typedef int(*OPERATE_FUNC)();
    
    class MENU
    {
    	public:
    	MENU_INDEX index ;     //菜单索引
    	OPERATE_FUNC op_func ; //菜单对应的函数
    };
    
    //构造函数跳转表
    static MENU OP_MENU_STRUCT[] = 
    {
    	{MAIN_PAGE   ,  main_page_process},
    	{DETECT_PAGE ,  detect_page_process},
    	{LOG_PAGE    ,  log_page_process},
    	{SETTING_PAGE,  setting_page_process},
    };
    
    int Goto_execute(int op)
    {
    	if(op >= NR(OP_MENU_STRUCT) || op < 0)
    		return -1 ;
        //根据索引值op，调用相应的函数
    	return OP_MENU_STRUCT[op].op_func();
    }
    
    int main(int argc , char **argv)
    {
    	char ch ;
    	int menu_index = 0;
    	while(1)
    	{
    		ch = getch();
    		if(ch == 'a')	  //左键 
    		   menu_index > 0 ? menu_index-- : menu_index = 0 ;
    		else if(ch == 'd')//右键 
    		   menu_index < NR(OP_MENU_STRUCT) ? menu_index++ : menu_index = NR(OP_MENU_STRUCT);
    		//执行菜单操作 
    		Goto_execute(menu_index);
    	}
    	return 0 ;
    } 
    
    int main_page_process()
    {
    	cout << "主页面" << endl ;
    }
    
    int detect_page_process()
    {
    	cout << "检测页面" << endl ; 
    }
    
    int log_page_process()
    {
    	cout << "记录页面" << endl ;
    }
    
    int setting_page_process()
    {
    	cout << "设置页面" << endl ;
    }

如果有什么更好的应用框架，欢迎推荐，共同学习！

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21vcml4aW5ndWFu_size_16_color_FFFFFF_t_70]: /images/20220401/e43b610232bd4f00b80849849adf98cb.png