基于七巧板ui的智能電視主場景交互方法
【技術領域】
[0001]本發明涉及一種智能電視技術領域，具體涉及一種基于七巧板Π的智能電視主場景交互方法。
【背景技術】
[0002]隨著智能電視快速發展，智能電視競爭也愈演愈烈，而智能電視Π (用戶界面)成為了不可避免的核心競爭因素，當前各大電視廠家的Π風格大同小異，普遍都是以圓角四邊形或者直角四邊形作為主場景Π的基本元素，導致整個主場景風格單調，缺乏生命力，造成用戶視覺上的審美疲勞，并且當前的主場景Π交互簡單，缺乏新意，很難讓用戶體驗生動起來。
【發明內容】
[0003]本發明克服了現有技術的不足，旨在設計一套全新的智能電視主場景UI，解決目前智能電視主場景Π單一化，缺乏生命力的弊端，提供一種基于七巧板Π的智能電視主場景交互方法。
[0004]為了能夠使智能電視主場景Π素材更加豐富多彩，本發明采用了七巧板圖形作為主場景Π的基本元素，并且為了讓主場景具有生命力，本發明設計了七巧板圖形的形變動畫；當用戶添加幾個應用到主場景時會隨機產生不同的形狀組合，使主場景Π素材排列更加多樣化；當用戶刪除主場景界面的應用時，對應的UI素材被刪除后，整體的UI素材圖形排列可能不匹配，此時某些UI素材圖形會發生形變使整體排列匹配起來。
[0005]為解決上述的技術問題，本發明采用以下技術方案:
[0006]一種基于七巧板Π的智能電視主場景交互方法，所述的方法包括以下步驟:
[0007]設置默認出廠UI:
[0008]采用Android的HorizontalScrollView控件作為七巧板UI容器，用于支持七巧板Π控件的水平滾動效果和鼠標點擊的滑動效果；
[0009]將每一個應用對應一個RelativeLayout控件，所述RelativeLayout控件包括:背景ImageView，用于繪制七巧板圖形做形變動畫；圖標ImageView，用于顯示應用的展示圖標；標題TextView，用于顯示應用的名稱；
[0010]設置形變動畫:
[0011]利用android view的invalidate方法觸發ondraw進行圖形的重繪，在ondraw方法中利用drawPath繪制變換頂點組成的圖形。
[0012]更進一步的技術方案是設置形變動畫還包括直接變換為目標圖形方法，所述直接變換為目標圖像方法是:首先由一個頂點形變為一個正三角形，然后由正三角形變換到目標圖形。
[0013]更進一步的技術方案是還包括七巧板UI添加方法，所述七巧板UI添加方法包括以下步驟:
[0014]當添加N個應用到主場景Π上，N大于等于1，設當前主場景七巧板圖形個數為P，已經被添加到主場場景上的應用個數為Q，令D = P-Q ;
[0015]若D大于等于N，直接將新增的N個應用數據信息加載到未添加應用的圖形UI上；
[0016]若D小于N，令NI = N-D，首先將新增的D個應用數據信息加載到未添加應用的圖形Π上，然后插入NI個七巧板圖形到主場景上，約定插入主場景的新圖形位置是在最后一個圖形前面；
[0017]若當前插入的應用序號index等于NI，插入的圖形同時匹配前后兩種圖形；
[0018]若當前插入的應用序號index小于NI，首先獲取序號為P+index-2的圖形，根據前者的形狀匹配一個圖形。
[0019]更進一步的技術方案是所述的P大于等于10。
[0020]更進一步的技術方案是還包括七巧板UI刪除方法，所述七巧板UI刪除方法包括以下步驟:
[0021]當從主場景中刪除應用數據時，假設當前主場景七巧板圖形個數為P，P大于等于10，N是需要刪除的應用數目，令NI = P-N ；
[0022]若NI小于10，令N2 = P_10，N2為當前可以刪除的圖形個數，令N3 = N_N2，N3為只需清除應用數據信息不需要刪除對應圖形的應用個數，若N2等于0，刪除操作完成；
[0023]若N2大于0，通過圖形形變的方式實現圖形排列的匹配。
[0024]更進一步的技術方案是還包括同時進行七巧板Π的添加與刪除方法，所述同時進行七巧板Π的添加與刪除方法包括以下步驟:
[0025]當新添加M個應用到主場景時，同時又將N個應用刪除；
[0026]若M = N，直接將N個刪除的應用數據信息替換為M個添加的應用數據信息；
[0027]若M>N，直接將N個刪除的應用數據信息替換為M個添加應用中的前N個應用的數據信息；
[0028]若M〈N，直接將N個刪除應用中的前M個應用數據信息直接替換為M個添加的應用數據信息。
[0029]更進一步的技術方案是七巧板Π添加方法還包括根據添加的NI個圖形，利用形變動畫效果加入到主場景U1，根據主場景的圖形個數做整個Ul的縮放動畫步驟。
[0030]更進一步的技術方案是七巧板UI刪除方法還包括根據移除的N2個圖形，利用形變動畫效果對M個圖形進行圖形變化，根據主場景的圖形個數做整個Ul的縮放動畫步驟。
[0031]更進一步的技術方案是七巧板圖形高度相等。
[0032]更進一步的技術方案是當插入N個應用到主場景Π上時，則有或者種插入形狀組入口 ο
[0033]與現有技術相比，本發明的有益效果是:本發明設計了一種基于七巧板Π的智能電視主場景交互方法，給出了一種新穎的Π交互體驗，并且通過七巧圖形的形變動畫，添加刪除動畫，大大增加了七巧板Π的靈動性。增強了用戶交互的生動性，提升了用戶體驗的友好性，增強了產品的核心競爭價值。
【附圖說明】
[0034]圖1為本發明一個實施例中七巧板圖形素材示意圖。
[0035]圖2為本發明一個實施例中默認出廠Π結構示意圖。
[0036]圖3為本發明一個實施例中七巧板UI添加方法的流程圖。
[0037]圖4為本發明一個實施例中七巧板Π刪除的七巧板圖形變換過程示意圖。
[0038]圖5為本發明一個實施例中七巧板UI刪除方法的流程圖。
【具體實施方式】
[0039]本說明書中公開的所有特征，或公開的所有方法或過程中的步驟，除了互相排斥的特征和/或步驟以外，均可以以任何方式組合。
[0040]本說明書(包括任何附加權利要求、摘要和附圖)中公開的任一特征，除非特別敘述，均可被其他等效或具有類似目的的替代特征加以替換。即，除非特別敘述，每個特征只是一系列等效或類似特征中的一個例子而已。
[0041]下面結合附圖及實施例對本發明的【具體實施方式】進行詳細描述。
[0042]實施例1
[0043]如圖1、圖2所示，附圖1是本發明采用的七巧板圖形素材，圖形的高度H相等；圖2是本發明設計的默認出廠UI示意圖，本實施例采用Android的HorizontalScrollView控件作為七巧板Π容器，用于支持七巧板Π控件的水平滾動效果和鼠標點擊的滑動效果。每一個應用對應一個RelativeLayout控件，包含背景ImageView，用于繪制七巧板圖形做形變動畫；圖標ImageView，用于顯示應用的展示圖標；標題TextView，用于顯示應用的名稱。本發明默認在智能電視上至少顯示10個七巧板圖形，并且規定當七巧板圖形個數小于等于12個的時候，填充整個屏幕。比如1080P的電視，其屏幕寬度widthScreen = 1920，此時計算所有七巧板圖形的寬度之和widthSum，就可以計算出整個七巧板Π的縮放比例rat1 = widthSum/widthScreen。當七巧板圖形個數大于12時，約定七巧板圖形大小比例等于12個情況下的大小。本發明約定七巧板Π第一個圖形為附圖1中的a素材，最后一個圖形為附圖1中的b素材，兩者之間的圖形為附圖1中c-h任意組合。
[0044]實施例2
[0045]本實施例在上述實施例的基礎上，提供一種形變動畫方法，形變動畫是由一種圖形變換為另一種圖形的過程，本發明設計了兩種形變效果:第一種是由已知的圖形變換為目標圖形，本發明利用Android view的invalidate方法觸發ondraw進行圖形的重繪，如實施例1所述的背景ImageView，首先記錄原始圖形在ImageView的中的頂點坐標，因為原始圖形可能存在三角形或者四邊形，所以需要給頂點編號，如附圖1中的b，c，d所示，為了規范化，統一映射為4個頂點坐標(ml, nl), (m2, n2), (m3, n3), (m4, n4),若是正三角形ml = m2, nl = n2 ;若是倒三角形m3 = m4, n3 = n4。目標圖形的4個頂點坐標為(pl，ql), (p2，q2), (p3, q3), (p4, q4),為了實現圖形轉變過程動畫效果的柔和性，本發明直接由原圖形向目標圖形變換，在ondraw方法中利用drawPath繪制變換頂點組成的圖形，形變過程中的4個頂點坐標為(mi+(p1-mi/N*M), ni+(q1-ni/N*M))，i = I…4，N為形變動畫的總幀數，M為形變動畫實時幀數(M小于等于N)，在進行形變之前還需要判斷目標圖形寬度Wl與原圖形寬度W2的關系，如果Wl大于W2，在形變之前將該圖形對應應用的RelativeLayout寬度設置為W1，反之在形變動畫之后將RelativeLayout寬度設置為Wl ；第二種是直接變換為目標圖形，為了使動畫效果生動形象，本發明首先是由一個頂點形變為一個正三角形，然后由正三角形變換到目標圖形，正三角形的邊長為如(I)所述的H/2，正三角形的中心坐標為(W/2，H/2)即初始變換的頂點坐標，變換過程與第一種變換過程一致，在此不再贅述。
[0046]實施例3
[0047]如圖3所示，附圖3為七巧板UI添加方法的流程圖。本實施例在上述實施例的基礎上，提供一種七巧板Π添加方法，本發明中當用戶添加新的應用到主場景Π上，應用個數為N (N大于等于I)，假設當前主場景七巧板圖形個數為P (P大于等于10)，已經被添加到主場場景上的應用個數為Q，如實施例1所述默認七巧板圖形個數至少10個，因此當P =10時，存在Q小于P的情況，令D = P-Q0若D大于等于N，直接將新增的N個應用數據信息加載到未添加應用的圖形UI上；若D小于N，令NI = N-D，首先將新增的D個應用數據信息加載到未添加應用的圖形Π上，然后插入NI個七巧板圖形到主場景上，約定