模仿老式拨盘电话机拨号原理拨号

最新推荐文章于 2024-08-29 07:44:47 发布
最新推荐文章于 2024-08-29 07:44:47 发布 · 280 阅读 · 0

本文介绍了一种在MTK平台上实现复古电话盘动画的方法。通过使用特定的绘图函数和数学计算，实现了电话盘上数字及符号的位置布局，并通过定时器不断更新角度来模拟拨号过程。 

总是有不少怀旧的人喜欢老电话，老相机，比如我，每次看到老上海的电话机，老香港的手提砖头块，总是会产生一种奇怪的感觉。
老话机每一个格就是一个脉冲，拨1就一个格，拨9就9个格，也就是能听到咔咔声9次。每个对应位置就接通一次脉冲，错过位置就断了，
下一个格又是一个脉冲，0就是10个脉冲。
这里只是在MTK做一些小尝试，非完整代码，请勿模仿。
#define DIAL_X  (UI_device_width/2)
#define DIAL_Y  ((UI_device_height/2)+30)
#define DIAL_R  ((((UI_device_height>UI_device_width)?(UI_device_width/2):(UI_device_height/2))))
#define DIAL_IN_R  (20)
#define DIAL_COLOR  (GDI_COLOR_BLACK)
void my_gdi_draw_line(S32 x1, S32 y1, S32 x2, S32 y2, gdi_color line_color, S32 w)
{
	mmi_pen_point_struct a[4];
	S32 sinx;
	S32 cosx;
	S32 r;
	S32 tmp;

	tmp = sqrt(((x2-x1)*(x2-x1)+(y2-y1)*(y2-y1)));
	sinx = (int)(((y2-y1)*1000/(int)tmp));
	cosx = (int)(((x2-x1)*1000/(int)tmp));
	if (w >2)
	{
		r  = w/2;
		a[0].x = x1 + (int)((r*sinx)/1000);
		a[0].y = y1 - (int)((r*cosx)/1000);
		
		a[1].x = x2 + (int)(((((r%2)!=0)?(r+1):r)*sinx)/1000);
		a[1].y = y2 - (int)(((((r%2)!=0)?(r+1):r)*cosx)/1000);

		a[2].x = x2 - (int)(((((r%2)!=0)?(r+1):r)*sinx)/1000);
		a[2].y = y2 + (int)(((((r%2)!=0)?(r+1):r)*cosx)/1000);

		a[3].x = x1 - (int)((r*sinx)/1000);
		a[3].y = y1 + (int)((r*cosx)/1000);

		gdi_draw_solid_polygon(a,4,DIAL_COLOR);
	}
	else
	{
		color c;
		
		c.r = (U8) ((0xFF000000 & line_color) >> 24);
		c.g = (U8) ((0x00FF0000 & line_color) >> 16);
		c.b = (U8) ((0x0000FF00 & line_color) >> 8);
		c.alpha = (U8) ((0x000000FF & line_color));

		gui_wline(x1, y1, x2, y2, c, w);
	}

}
extern void my_gdi_draw_line(S32 x1, S32 y1, S32 x2, S32 y2, gdi_color line_color, S32 w);
extern void my_gui_draw_anm_dial(void);

void exit_myapp_screen(void)
{
    if (buf_ptr != NULL)
    {
        med_free_ext_mem((void **)&buf_ptr);
    }
    if (my_layer2 != NULL)
    {
        gdi_layer_free(my_layer2);
    }
	InitDesktopScreen();
	gui_cancel_timer(my_gui_draw_anm_dial);
//GoBackHistory();
}
void my_gui_draw_dial(U16 angle)
{
	U8 i;
char *t[] = {L"0", L"1",L"2", L"3", L"4",L"5", L"6", L"7", L"8", L"9", L"*", L"#", L"←", L"A", L"B", L"C"};
		gdi_draw_circle(DIAL_X,DIAL_Y,DIAL_R,DIAL_COLOR);
		gdi_draw_circle(DIAL_X,DIAL_Y,(DIAL_R*618)/1000,DIAL_COLOR);
	
		gdi_draw_point(DIAL_X,DIAL_Y,DIAL_COLOR);
		gdi_draw_point(DIAL_X+(int)((DIAL_R*809)/1000)*g_qj_gui_clock_acm_cosine_table[angle],DIAL_Y+(int)((DIAL_R*809)/1000)*g_qj_gui_clock_acm_sine_table[angle],DIAL_COLOR);
	
		for (i = 0; i < 16; i++)
		{
			gdi_draw_circle(DIAL_X+(int)((DIAL_R*809)/1000)*g_qj_gui_clock_acm_cosine_table[((i*22)+angle)>=360?(((i*22)+angle)-360):((i*22)+angle)],DIAL_Y+(int)((DIAL_R*809)/1000)*g_qj_gui_clock_acm_sine_table[((i*22)+angle)>=360?(((i*22)+angle)-360):((i*22)+angle)],(DIAL_R*100)/1000,DIAL_COLOR);
			gui_move_text_cursor(DIAL_X+(int)((DIAL_R*809)/1000)*g_qj_gui_clock_acm_cosine_table[((i*22)+angle)>=360?(((i*22)+angle)-360):((i*22)+angle)]-5, DIAL_Y+(int)((DIAL_R*809)/1000)*g_qj_gui_clock_acm_sine_table[((i*22)+angle)>=360?(((i*22)+angle)-360):((i*22)+angle)]-5);
			gui_print_text((UI_string_type)t[i]);
		}

}

void my_gui_draw_anm_dial(void)
{

	static U16 a = 0;
	gdi_layer_get_base_handle(&my_base_layer);
	gdi_layer_set_active(my_base_layer);
	gdi_layer_clear(GDI_COLOR_TRANSPARENT);
	my_gui_draw_dial(a);
	//UI_start_timer(100, my_gui_draw_anm_dial);
	gdi_layer_set_blt_layer(my_base_layer, my_layer2, NULL, NULL);
	gdi_layer_blt_previous(0, 0, UI_device_width - 1, UI_device_height - 1);
	a = a + 5;
	if (a >= 360)
	{
		a = 0;
	}
	gui_start_timer(100, my_gui_draw_anm_dial);

}

void entry_myapp_screen(void)
{
	U8 *gui_buffer;
	BOOL isEnable;
	gdi_color base_color;
	mmi_pen_point_struct a[4];
	U16 angle = 0;
	U8 i;
	ExitDesktopScreen();

	//EntryNewScreen (MAIN_MENU_SCREENID,exit_myapp_screen,entry_myapp_screen, NULL);

//	gui_buffer = GetCurrGuiBuffer(MAIN_MENU_SCREENID);
	entry_full_screen();
	gdi_layer_clear(GDI_COLOR_TRANSPARENT);
	gdi_layer_multi_layer_enable();

	gdi_layer_create(0, 0, UI_device_width, UI_device_height, &my_layer2);
	gdi_layer_set_active(my_layer2);
	gdi_layer_clear_background(GDI_COLOR_TRANSPARENT);
	gdi_layer_set_source_key(TRUE, GDI_COLOR_TRANSPARENT);
	
	//draw handle
	a[0].x = DIAL_X;
	a[0].y = DIAL_Y;
	a[2].x = DIAL_X + (int)(((DIAL_R*618)/1000)*g_qj_gui_clock_acm_cosine_table[angle]);
	a[2].y = DIAL_Y + (int)(((DIAL_R*618)/1000)*g_qj_gui_clock_acm_sine_table[angle]);
	a[1].x = DIAL_X + (int)(DIAL_IN_R*g_qj_gui_clock_acm_cosine_table[((angle-42)>0?(angle-42):(angle-42+360))]);
	a[1].y = DIAL_Y + (int)(DIAL_IN_R*g_qj_gui_clock_acm_sine_table[((angle-42)>0?(angle-42):(angle-42+360))]);
	a[3].x = DIAL_X + (int)(DIAL_IN_R*g_qj_gui_clock_acm_cosine_table[((angle+42)<360?(angle+42):(angle+42-360))]);
	a[3].y = DIAL_Y + (int)(DIAL_IN_R*g_qj_gui_clock_acm_sine_table[((angle+42)<360?(angle+42):(angle+42-360))]);



	gdi_draw_polygon(a,4,DIAL_COLOR);

	gui_wline(a[0].x, a[0].y,a[2].x,a[2].y, UI_COLOR_GREEN,2);
	gui_wline(a[1].x, a[1].y,a[3].x,a[3].y, UI_COLOR_GREEN,2);

	//draw earphone
	//gdi_draw_circle(DIAL_X,DIAL_Y,UI_device_height/2+20,DIAL_COLOR);

	//my_gdi_draw_line(10, 20, 100, 50, DIAL_COLOR, 10);
	gdi_layer_get_base_handle(&my_base_layer);
	gdi_layer_set_active(my_base_layer);
	//draw dial
	#if 0
	gdi_draw_circle(DIAL_X,DIAL_Y,DIAL_R,DIAL_COLOR);
	gdi_draw_circle(DIAL_X,DIAL_Y,(DIAL_R*618)/1000,DIAL_COLOR);
	gdi_draw_circle(DIAL_X,DIAL_Y,20,DIAL_COLOR);

	gdi_draw_point(DIAL_X,DIAL_Y,DIAL_COLOR);

	gdi_draw_point(DIAL_X+(int)((DIAL_R*809)/1000)*g_qj_gui_clock_acm_cosine_table[angle],DIAL_Y+(int)((DIAL_R*809)/1000)*g_qj_gui_clock_acm_sine_table[angle],DIAL_COLOR);

	for (i = 0; i < 16; i++)
	{
		gdi_draw_circle(DIAL_X+(int)((DIAL_R*809)/1000)*g_qj_gui_clock_acm_cosine_table[(i*22)],DIAL_Y+(int)((DIAL_R*809)/1000)*g_qj_gui_clock_acm_sine_table[(i*22)],(DIAL_R*100)/1000,DIAL_COLOR);
		gui_move_text_cursor(DIAL_X+(int)((DIAL_R*809)/1000)*g_qj_gui_clock_acm_cosine_table[(i*22)]-5, DIAL_Y+(int)((DIAL_R*809)/1000)*g_qj_gui_clock_acm_sine_table[(i*22)]-5);
		gui_print_text((UI_string_type)t[i]);
	}
    #else
	//gui_start_timer(100, my_gui_draw_anm_dial);
	//my_gui_draw_dial(90);
	my_gui_draw_anm_dial();
    #endif
	gdi_layer_set_blt_layer(my_base_layer, my_layer2, NULL, NULL);
	gdi_layer_blt_previous(0, 0, UI_device_width - 1, UI_device_height - 1);

	SetKeyHandler(exit_myapp_screen, KEY_RSK, KEY_EVENT_UP);  
}

该文用到的三角形函数值数组请参阅拙作：

巧用数学函数生成函数表

http://blog.youkuaiyun.com/blogercn/archive/2011/03/28/6283278.aspx

iteye_8899
关注
css动画实现老式轮播盘电话转盘轮播效果
qq_38103617的博客
06-26 373
opacity: 0;
Axure设计之动态下拉日期时间拨盘选择器
最新发布
05-10
web端下拉选择器，带交互的拖拽滑动下拉选择器，案例包含年月日日期选择器、时分秒时间选择器。更多元件还可访问：https://5i8zzr.axshare.com
电话键盘及拨号模拟
07-02
单片机课程实际实验报告，单片机课程设计电话拨号模拟实验报告
电话拨号盘T9搜索原理
PeaksChen的专栏
09-02 1959
电话拨号键输入数字能搜索出相关的电话号码以及联系人名字，其中名字看起来又还能按中英文搜索，其实本质上都是按数字在进行对比。 如将字母转换成数字方法： public char getNumFromAlpha(char alpha) {    switch (alpha){    case 'a':    case 'b':    case 'c':    case 'A':
电话机原理（实用的电路原理）
06-17
电话机单元电路原理原理（非常实用），大家下了看看
模拟电话拨号matlab代码实现（完整code）
奋斗羊羊的博客
04-22 1631
模拟电话拨号频率GUI实现（使用工具 matlab_2014a）
51黑论坛_电话拨盘模拟_模拟电话拨号系统_
10-03
在这个项目中，"电话拨盘模拟"是指使用软件来模拟旧式电话机的拨号盘操作，使得用户可以在计算机或其他电子设备上体验和测试电话拨号功能。 电话拨号系统的核心是模拟PSTN（公共交换电话网络）的工作方式，包括模拟...
电话拨盘模拟系统：拨号与LCD显示技术
模拟电话拨号系统是一种应用软件或模拟器，它能够在电子设备上模拟传统电话拨盘的操作功能。此类系统一般用于教学、软件开发和测试、以及娱乐用途，它能向用户展现拨号盘界面，允许用户通过触摸或点击拨号来模拟电话...
拨盘开关输入方法
07-25
拨盘开关输入方法是一种利用拨盘开关进行数据输入的技术。拨盘开关，也被称作拨码开关、编码开关、指轮开关等，是一种常用的数字输入设备。它主要由四个并行的线路组成，可以输入四位的8421码。拨盘的表面通常印有十...
拨盘UI+基于百度语音合讯飞语音识别的语音交互
01-04
拨盘UI+基于百度语音合讯飞语音识别的语音交互 http://blog.youkuaiyun.com/i_do_can/article/details/50434455 http://blog.youkuaiyun.com/i_do_can/article/details/50456212
Android制作拨号键盘
09-14
Android编程实现的一个拨号的功能，里面有手机类似的拨号键盘，能够打开联系人列表，能够实现基本的数字拨号，能够拨打电话。
常用画图函数
feelinghappy的专栏
02-01 1041
gui_push_clip();//推进层gui_set_clip();//设置剪切区域gdi_draw_solid_rect();//覆盖清除区域gui_show_image();//显示图片gui_pop_clip();//推出层
MTk屏幕切换效果的制作(转)
陈云峰技术博客
08-24 806
学习MTK三四个月了，总要写点东西出来才行，这里简单说说，怎么制作屏幕切换效果。一些基本的概念，我就不说了，图层的原理和对图层操作的一些函数，至少要了解。   进入主题，说一下我的思路：首先，在进入新屏幕之前，把旧屏幕保存起来；其次，在画新屏幕之前，把屏幕锁住，不给新屏幕显示
推荐开源项目：HorizontalDial —— 精美的水平拨盘控件
gitblog_00141的博客
08-29 506
推荐开源项目：HorizontalDial —— 精美的水平拨盘控件 在寻找提升iOS应用交互体验的解决方案时，我们经常需要一些既美观又实用的组件。今天，让我们一起探索一个名为HorizontalDial的开源项目，它为iOS开发者提供了一个优雅的水平拨盘控件，让数据输入变得前所未有的直观和趣味。 项目介绍 HorizontalDial是一个基于Swift 5.0构建的iOS库，旨在通过简洁的UI...
电话的基础知识
qq_16961587的博客
08-14 3689
在手机还没有广泛使用之前，我们所说的电话通常指的是固定电话，也就是家用的按键式电话，电话的发展影响着人们的生活，想要了解电话相关的知识，可以从以下二个方面入手：有线电话、无线电话。 我们最先接触的是有线电话：有线电话，只能在线的范围内移动，才能保持正常使用。 电话的产生可以追溯到19世纪美国科学家贝尔发明的第一部电话机。第一代为磁石式电话机（手摇发电机、电铃、干电池、通...
Ubuntu下的 PPPoE 拨号上网方法
weixin_30439131的博客
01-22 612
1. 配置 pppoe $ sudo pppoeconf 2. 联网 $ sudo pon dsl-provider 3. 断网 $ sudo poff 4. 查看日志 $ plog 5. 查看接口信息 $ ifconfig ppp0 6. 图形界面联网方法 点击任务栏右上角联网图标，选择 Edit Connections...，...
修改pppd，提高openwrt中pppoe多拨成功率
wuwentao2000的专栏
08-31 7899
原文链接： http://www.morfast.net/blog/linux/pppoe-multilink/，转载请注明出处，谢谢！ 先上一张最终效果图吊吊大家胃口： 是的，这张是普通家用10M小区宽带*10拨后，下载速度实测图。下面正文开始。 大家伙用openwrt一般为了两件事：脱机下载；多拨带宽合并。今天讨论后者的前半部分：多拨。 多拨这个词太口语化了，书面一
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值