帶報(bào)告制作圖形用戶界面的顯示屏幕面板

基本信息

申請(qǐng)?zhí)?/td> CN202030494632.4 申請(qǐng)日 -
公開（公告）號(hào) CN306512450S 公開（公告）日 2021-05-04
申請(qǐng)公布號(hào) CN306512450S 申請(qǐng)公布日 2021-05-04
分類號(hào) 14-04 (12) 分類 -
發(fā)明人 吳昊天;裴華;趙萌 申請(qǐng)（專利權(quán)）人 銀聯(lián)智策顧問（上海）有限公司
代理機(jī)構(gòu) 北京同達(dá)信恒知識(shí)產(chǎn)權(quán)代理有限公司 代理人 劉金玲
地址 200122 上海市浦東新區(qū)世紀(jì)大道1239號(hào)世紀(jì)都會(huì)2號(hào)樓601
法律狀態(tài) -

摘要

摘要 1.本外觀設(shè)計(jì)產(chǎn)品的名稱：帶報(bào)告制作圖形用戶界面的顯示屏幕面板。2.本外觀設(shè)計(jì)產(chǎn)品的用途：用于制作可視化報(bào)告，上述顯示屏幕面板可以用于手機(jī)、平板電腦和計(jì)算機(jī)。3.本外觀設(shè)計(jì)產(chǎn)品的設(shè)計(jì)要點(diǎn)：在于圖形用戶界面的界面內(nèi)容。4.最能表明設(shè)計(jì)要點(diǎn)的圖片或照片：界面變化狀態(tài)圖6。5.不涉及設(shè)計(jì)要點(diǎn)，省略后視圖、左視圖、右視圖、俯視圖和仰視圖。6.圖形用戶界面的用途：主視圖為制作可視化報(bào)告的主界面，界面中間為畫布，該畫布可以進(jìn)行縮放以及拖拽，例如，鼠標(biāo)長(zhǎng)按進(jìn)行拖拽畫布，滾輪滾動(dòng)縮放畫布；用戶可以在畫布能制作報(bào)告內(nèi)容；界面左側(cè)具有可側(cè)邊收起的功能區(qū)，該功能區(qū)內(nèi)包括制作報(bào)告需要的元素選擇、網(wǎng)格狀態(tài)以及縮放比例等，其中，元素選擇包括文本標(biāo)簽、圖片標(biāo)簽、圖表標(biāo)簽、選項(xiàng)卡標(biāo)簽和篩選器標(biāo)簽；界面右側(cè)具有可側(cè)邊收起的屬性功能區(qū)，可以顯示并標(biāo)記所選元素的屬性；用戶點(diǎn)擊并拖拽主視圖左側(cè)的功能區(qū)中文本標(biāo)簽，可以在中間的畫布添加并編輯文字，并可以在選中文字后，激活右側(cè)屬性功能區(qū)來顯示和編輯文字相關(guān)的鏈接和屬性，呈現(xiàn)界面變化狀態(tài)圖1所示的界面；用戶點(diǎn)擊并拖拽主視圖左側(cè)的功能區(qū)中圖片標(biāo)簽，可以在中間的畫布添加圖片，并可以在選中圖片后，激活右側(cè)屬性功能區(qū)來顯示和編輯圖片相關(guān)的上傳、鏈接和屬性，呈現(xiàn)界面變化狀態(tài)圖2所示的界面；用戶點(diǎn)擊并拖拽主視圖左側(cè)的功能區(qū)中圖表標(biāo)簽，可以在中間的畫布添加圖表控件，選中激活右側(cè)屬性相關(guān)設(shè)置，選中控件懸浮相關(guān)交互，點(diǎn)擊編輯按鈕跳轉(zhuǎn)到圖表編輯頁面，編輯完返回報(bào)告制作頁面，以實(shí)現(xiàn)圖表的內(nèi)容展示，呈現(xiàn)界面變化狀態(tài)圖3所示的界面；用戶點(diǎn)擊并拖拽主視圖左側(cè)的功能區(qū)中選項(xiàng)卡標(biāo)簽，可以在中間的畫布添加選項(xiàng)卡控件，選中激活右側(cè)屬性相關(guān)設(shè)置，選中控件懸浮相關(guān)交互，點(diǎn)擊編輯按鈕打開編輯彈窗，設(shè)置選項(xiàng)卡及綁定報(bào)告內(nèi)元素控件功能，以實(shí)現(xiàn)選項(xiàng)卡切換內(nèi)容展示，呈現(xiàn)界面變化狀態(tài)圖4所示的界面；用戶點(diǎn)擊并拖拽主視圖左側(cè)的功能區(qū)中篩選器標(biāo)簽，可以在中間的畫布添加篩選器控件，選中激活右側(cè)屬性相關(guān)設(shè)置，選中控件懸浮相關(guān)交互，點(diǎn)擊編輯按鈕打開編輯彈窗，綁定報(bào)告內(nèi)圖表控件字段的功能，以實(shí)現(xiàn)篩選器綁定圖表，用戶做自主篩選，呈現(xiàn)界面變化狀態(tài)圖5所示的界面；用戶在主視圖界面結(jié)合上述元素選擇的各個(gè)標(biāo)簽，制備形成完整的報(bào)告界面，呈現(xiàn)界面變化狀態(tài)圖6所示的界面；用戶可以在界面變化狀態(tài)圖6所示的界面使用鼠標(biāo)自由拖拽各個(gè)元素的位置，鼠標(biāo)滾輪滾動(dòng)進(jìn)行縮放畫布，呈現(xiàn)界面變化狀態(tài)圖7所示的界面；用戶可以收起左側(cè)的功能區(qū)和右側(cè)的屬性功能區(qū)，呈現(xiàn)界面變化狀態(tài)圖8所示的界面。