[發明專利]一種實現頭像編輯界面的方法和系統

有效

• 申請號: 201210581816.9
• 申請日: 2012-12-27
• 公開（公告）號: CN103903292A
• 公開（公告）日: 2014-07-02
• 發明（設計）人: 王志權
• 申請（專利權）人: 北京新媒傳信科技有限公司
• 主分類號: G06T11/60
• 分類號: G06T11/60
• 代理公司: 北京市隆安律師事務所 11323
• 代理人: 權鮮枝;董垚

技術領域

本發明涉及計算機領域，特別是涉及一種實現頭像編輯界面的方法和系統。?

背景技術

在目前大部分即時通訊IM應用中都提供了自定義頭像的功能，現有的頭像編輯方法通常是在本地圖片中選取一張圖片，對所選中的圖片進行裁剪，裁剪出所選取的圖片的一部分作為IM應用程序的用戶頭像。?

由于在裁剪過程中，需要生成一個對所選取的圖片進行裁剪的編輯視圖，現有技術中實現包括該編輯視圖的頭像編輯界面的方案中存在實現頭像編輯界面的過程效率低、操作不流暢的問題。?

發明內容

本發明提供了一種實現頭像編輯界面的方法和系統，本發明提供的技術方案能夠解決現有的頭像編輯方法存在編輯視圖的運行效率低、操作不流暢的問題。?

為達到上述目的，本發明的技術方案是這樣實現的：?

本發明公開了一種實現頭像編輯界面的方法，一種實現頭像編輯界面的方法，其特征在于，所述頭像編輯界面中包括編輯視圖和頭像展示區，所述編輯視圖中包括裁剪區，該方法包括：?

對于選擇的圖片，按編輯視圖尺寸縮放該圖片，生成待編輯圖片，創建第一內存位圖，將所述待編輯圖片加載到所述第一內存位圖中；?

生成半透明的遮罩層，所述遮罩層尺寸與編輯視圖尺寸相同，并且所述遮罩層中對應于編輯視圖中裁剪區的部分被鏤空，創建第二內存位圖，將所述遮罩層加載到所述第二內存位圖中；?

將所述第二內存位圖疊加到所述第一內存位圖，在該第一內存位圖中繪?制裁剪區的邊框，并在該裁剪區的邊框上繪制編輯錨點；?

將繪制有邊框和編輯錨點的該第一內存位圖繪制到編輯視圖中并顯示；?

將待編輯圖片中對應于裁剪區的部分按頭像展示區尺寸縮放后添加到頭像展示區中。?

其中，所述生成半透明的遮罩層具體包括：?

創建與編輯視圖尺寸相同的區域對象，在所述區域對象中將與所述編輯視圖中裁剪區對應的部分鏤空；在所述區域對象中添加半透明遮罩，生成半透明的遮罩層。?

其中，所述生成待編輯圖片后還包括：?

復制待編輯圖片中對應于裁剪區的部分，獲得裁剪圖片，對所述裁剪圖片進行圖像處理，創建第三內存位圖，將經圖像處理后的裁剪圖片加載到第三內存位圖中；?

所述將所述第二內存位圖疊加到所述第一內存位圖后還包括：?

將所述第三內存位圖疊加到第一內存位圖中對應于裁剪區的位置；?

所述將待編輯圖片中對應于裁剪區的部分按頭像展示區尺寸縮放后添加到頭像展示區中具體包括：?

將經圖像處理后的裁剪圖片按頭像展示區尺寸縮放后添加到頭像展示區中。?

其中，所述圖像處理包括如下圖像處理中的一種或多種：?

黑白化濾鏡處理、光暈化濾鏡處理、水滴濾鏡處理和色調調整處理。?

其中，所述在將所述待編輯圖片加載到所述第一內存位圖中之后還包括：?

在第一內存位圖中繪制指定的文字和/或線形圖；?

所述將待編輯圖片中對應于裁剪區的部分按頭像展示區尺寸縮放后添加到頭像展示區中具體包括：?

通過溶合算法將繪制的文字和/或線形圖繪制到待編輯圖片中；?

將該待編輯圖片中對應于裁剪區的部分按頭像展示區尺寸縮放后添加到頭像展示區中。?

其中，該方法還包括：?

在接收到編輯裁剪區指令后，根據所述編輯裁剪區指令設置新的裁剪區，?以該新的裁剪區作為所述編輯視圖中裁剪區，執行所述創建第一內存位圖，將所述待編輯圖片加載到所述第一內存位圖中的步驟和后續步驟。?

本發明還公開了一種實現頭像編輯界面的系統，所述頭像編輯界面中包括編輯視圖和頭像展示區，所述編輯視圖中包括裁剪區，該系統包括：原圖層生成模塊、遮罩層生成模塊、疊加模塊、顯示模塊和頭像展示模塊；?

所述原圖層生成模塊，用于對于選擇的圖片，按編輯視圖尺寸縮放該圖片，生成待編輯圖片，創建第一內存位圖，將所述待編輯圖片加載到所述第一內存位圖中，將所述第一內存位圖傳送給所述疊加模塊；?

所述遮罩層生成模塊，用于生成半透明的遮罩層，所述遮罩層尺寸與編輯視圖尺寸相同，并且所述遮罩層中對應于編輯視圖中裁剪區的部分被鏤空，創建第二內存位圖，將所述遮罩層加載到所述第二內存位圖中，將所述第二內存位圖傳送給所述疊加模塊；?