Memo窗体

在软件UI界面设计中,经常需要一些显示大段文本的界面,比如产品帮助、产品介绍等界面,在这里我们可以通过godialog语句构建这些特殊界面。

制作步骤:

第一步:制作Memo窗体

首先,找到最新版本的page控件(菜单:控件-->与服务器同步服务器),新版的page控件支持showMessage方法;

然后选择"菜单:页面-->从服务器导入成品功能页面-->选择showmemo页面;

或者手工创建一个这样的showmemo页面;

showmemo页面代码:

//2:未命名,page控件属性可改
class app=loadcom(appbase);
class page=loadcom(page);
class s1=loadcom(skinwindows);
class s2=loadcom(skinbutton);
class s3=loadcom(slide);
class x1=loadcom(xk_button);
class x2=loadcom(xk_button);
class m1=loadcom(memo);

void showtxt(){
    str s;
    s=getretstr();
    s1.text=explode_str(s,"|",0);
    m1.text=explode_str(s,"|",1);
}

void s2.onclick()
{    dialogreturn(0);
}

void compV(){
    //根据上下按钮调整的memo.line来计算滚动条
    if (m1.tl<m1.vl) {
        s3.val=0;
        return;
    }
    s3.val=100*m1.line/(m1.tl-m1.vl);
}

void x1.onclick()
{    m1.scroll(0);
    compV();
}
void x2.onclick()
{    m1.scroll(1);
    compV();
}
void s3.onchange()
{    m1.scrollto(s3.val);
}

showtxt();
start();

第二步:修改page页面,方便调用

在page控件代码中加装一个方法(新版控件已经包含):

void showMessage(int pagenum,str title,str msg){
    godialog(pagenum,title+"|"+msg);
}

第三步:调用message界面

void x1.onclick(){
    page.showMessage(4,"帮助","帮助第1行\r\n帮助第2行\r\n帮助第3行\r\n帮助第4行\r\n帮助第5行\r\n帮助第6行\r\n"); 
}

在需要的地方(比如x1按钮的onclick事件中)调用page的showmessage方法,注意第一个参数4是showmemo页面的序号,参见本页的第二副图;请注意您工程中showmemo页面的序号;

实际效果:

点击“提示”按钮后,屏幕中间自动弹出一个提示窗口,点击确认后,提示窗口消失,恢复到原有界面。