本公開關于一種交互元素顯示方法、裝置、電子設備及存儲介質。所述方法包括：當目標交互元素被觸發時，確定目標交互元素對應的初始背景顏色；根據初始背景顏色，得到目標交互元素的目標背景顏色；將目標交互元素的背景顏色切換為顯示目標背景顏色。本公開提供的交互元素配置方法，在交互元素被觸發時，可以通過交互元素的初始背景顏色，得到該交互元素被觸發后需要切換的目標顏色，相比于相關技術中需要開發者為每一個交互元素設置觸發后的顯示樣式，本公開可以自動計算交互觸發后的顯示樣式，從而提高交互元素的配置效率。從而提高交互元素的配置效率。從而提高交互元素的配置效率。
【技術實現步驟摘要】
交互元素顯示方法、裝置、電子設備及存儲介質
[0001]本公開涉及計算機
，尤其涉及一種交互元素顯示方法、裝置、電子設備及存儲介質。
技術介紹
[0002]隨著計算機技術的發展，出現了一種通過在界面上顯示的交互元素，例如按鈕、下拉以及表元素等實現用戶交互的技術。用戶可以通過觸發上述交互元素，執行相應的交互行為，此時交互元素響應用戶的觸發操作后，也可以對交互元素的展示進行相應的變化，例如，當用戶點擊某個界面上顯示的按鈕時，按鈕則可以產生顏色加深的效果，以表征按鈕已被觸發。
[0003]相關技術中，開發者需要為每一個界面上顯示的交互元素獨立設置觸發后的樣式，因此，當界面上的交互元素數量較多時，則需要開發者多次設置交互元素的樣式，目前交互元素的配置效率較低。
技術實現思路
[0004]本公開提供一種交互元素顯示方法、裝置、電子設備及存儲介質，以至少解決相關技術中交互元素的配置效率低的問題。本公開的技術方案如下：
[0005]根據本公開實施例的第一方面，提供一種交互元素顯示方法，包括：
[0006]當目標交互元素被觸發時，確定所述目標交互元素對應的初始背景顏色；
[0007]根據所述初始背景顏色，得到所述目標交互元素的目標背景顏色；
[0008]將所述目標交互元素的背景顏色切換為顯示所述目標背景顏色。
[0009]在一示例性實施例中，所述根據所述初始背景顏色，得到所述目標交互元素的目標背景顏色，包括：根據所述初始背景顏色，得到針對所述目標交互元素的第一亮度值、飽和度以及色相值；基于所述第一亮度值、飽和度以及色相值，得到針對所述目標交互元素的目標背景顏色。
[0010]在一示例性實施例中，所述基于所述第一亮度值、飽和度以及色相值，得到針對所述目標交互元素的目標背景顏色，包括：根據所述第一亮度值、所述飽和度以及所述色相值，得到針對所述目標交互元素的第二亮度值；利用所述第二亮度值、所述飽和度以及所述色相值，得到所述目標背景顏色。
[0011]在一示例性實施例中，所述根據所述第一亮度值、所述飽和度以及所述色相值，得到針對所述目標交互元素的第二亮度值，包括：根據所述飽和度以及所述色相值，確定所述目標交互元素對應的亮度值調節比例；利用所述亮度值調節比例對所述第一亮度值進行調節，得到所述第二亮度值。
[0012]在一示例性實施例中，所述將所述目標交互元素的背景顏色切換為顯示所述目標背景顏色之后，還包括：當所述目標交互元素的觸發結束后，將所述目標交互元素的背景顏色由所述目標背景顏色切換為顯示所述初始背景顏色；或當所述目標交互元素被再次觸發
時，將所述目標交互元素的背景顏色由所述目標背景顏色切換為顯示所述初始背景顏色。
[0013]在一示例性實施例中，所述當目標交互元素被觸發時，確定所述目標交互元素對應的初始背景顏色之前，所述方法還包括：獲取用于在頁面上顯示的待配置交互元素；從所述待配置交互元素中篩選出被配置為禁止觸發屬性的禁用交互元素，將所述待配置交互元素中禁用交互元素以外的交互元素作為所述目標交互元素。
[0014]在一示例性實施例中，所述確定所述目標交互元素對應的初始背景顏色，包括：獲取所述目標交互元素在頁面上展示的背景顏色；將所述目標交互元素在所述頁面上展示的背景顏色作為所述目標交互元素對應的初始背景顏色。
[0015]在一示例性實施例中，所述獲取所述目標交互元素在所述頁面上展示的背景顏色之后，還包括：若所述目標交互元素被配置為在所述頁面上以透明顏色進行展示，則獲取所述頁面的背景顏色，并將所述頁面的背景顏色作為所述目標交互元素在所述頁面上展示的背景顏色。
[0016]根據本公開實施例的第二方面，提供一種交互元素配置裝置，包括：
[0017]初始顏色確定單元，被配置為執行當目標交互元素被觸發時，確定所述目標交互元素對應的初始背景顏色；
[0018]目標顏色確定單元，被配置為執行根據所述初始背景顏色，得到所述目標交互元素的目標背景顏色；
[0019]目標顏色切換單元，被配置為執行將所述目標交互元素的背景顏色切換為顯示所述目標背景顏色。
[0020]在一示例性實施例中，所述目標顏色確定單元，進一步被配置為執行根據所述初始背景顏色，得到針對所述目標交互元素的第一亮度值、飽和度以及色相值；基于所述第一亮度值、飽和度以及色相值，得到針對所述目標交互元素的目標背景顏色。
[0021]在一示例性實施例中，所述目標顏色確定單元，進一步被配置為執行根據所述第一亮度值、所述飽和度以及所述色相值，得到針對所述目標交互元素的第二亮度值；利用所述第二亮度值、所述飽和度以及所述色相值，得到所述目標背景顏色。
[0022]在一示例性實施例中，所述目標顏色確定單元，進一步被配置為執行根據所述飽和度以及所述色相值，確定所述目標交互元素對應的亮度值調節比例；利用所述亮度值調節比例對所述第一亮度值進行調節，得到所述第二亮度值。
[0023]在一示例性實施例中，所述目標顏色切換單元，還被配置為執行當所述目標交互元素的觸發結束后，將所述目標交互元素的背景顏色由所述目標背景顏色切換為顯示所述初始背景顏色；或被配置為執行當所述目標交互元素被再次觸發時，將所述目標交互元素的背景顏色由所述目標背景顏色切換為顯示所述初始背景顏色。
[0024]在一示例性實施例中，所述交互元素顯示裝置，還包括：目標元素確定單元，被配置為執行獲取用于在頁面上顯示的待配置交互元素；從所述待配置交互元素中篩選出被配置為禁止觸發屬性的禁用交互元素，將所述待配置交互元素中禁用交互元素以外的交互元素作為所述目標交互元素。
[0025]在一示例性實施例中，所述初始顏色確定單元，進一步被配置為執行獲取所述目標交互元素在頁面上展示的背景顏色；將所述目標交互元素在所述頁面上展示的背景顏色作為所述目標交互元素對應的初始背景顏色。
[0026]在一示例性實施例中，所述初始顏色確定單元，進一步被配置為執行若所述目標交互元素被配置為在所述頁面上以透明顏色進行展示，則獲取所述頁面的背景顏色，并將所述頁面的背景顏色作為所述目標交互元素在所述頁面上展示的背景顏色。
[0027]根據本公開實施例的第三方面，提供一種電子設備，包括：處理器；用于存儲所述處理器可執行指令的存儲器；其中，所述處理器被配置為執行所述指令，以實現如第一方面中任一項實施例所述的交互元素顯示方法。
[0028]根據本公開實施例的第四方面，提供一種計算機可讀存儲介質，當所述計算機可讀存儲介質中的指令由電子設備的處理器執行時，使得所述電子設備能夠執行如第一方面中任一項實施例所述的交互元素顯示方法。
[0029]根據本公開實施例的第五方面，提供一種計算機程序產品，所述計算機程序產品中包括指令，所述指令被電子設備的處理器執行時，使得所述電子設備能夠執行如第一方面任一項實施例所述的交互元素顯示方法。
[0030]本公開的實施例提供的技術方案至少帶來以下有益效果：
本文檔來自技高網...
【技術保護點】
【技術特征摘要】
1.一種交互元素顯示方法，其特征在于，包括：當目標交互元素被觸發時，確定所述目標交互元素對應的初始背景顏色；根據所述初始背景顏色，得到所述目標交互元素的目標背景顏色；將所述目標交互元素的背景顏色切換為顯示所述目標背景顏色。2.根據權利要求1所述的方法，其特征在于，所述根據所述初始背景顏色，得到所述目標交互元素的目標背景顏色，包括：根據所述初始背景顏色，得到針對所述目標交互元素的第一亮度值、飽和度以及色相值；基于所述第一亮度值、飽和度以及色相值，得到針對所述目標交互元素的目標背景顏色。3.根據權利要求2所述的方法，其特征在于，所述基于所述第一亮度值、飽和度以及色相值，得到針對所述目標交互元素的目標背景顏色，包括：根據所述第一亮度值、所述飽和度以及所述色相值，得到針對所述目標交互元素的第二亮度值；利用所述第二亮度值、所述飽和度以及所述色相值，得到所述目標背景顏色。4.根據權利要求3所述的方法，其特征在于，所述根據所述第一亮度值、所述飽和度以及所述色相值，得到針對所述目標交互元素的第二亮度值，包括：根據所述飽和度以及所述色相值，確定所述目標交互元素對應的亮度值調節比例；利用所述亮度值調節比例對所述第一亮度值進行調節，得到所述第二亮度值。5.根據權利要求1至4任一項所述的方法，其特征在于，所述將所述目標交互元素的背景顏色切換為顯示所述目標背景顏色之后，還包括：當所述目標交互元素的觸發結束后，將所述目標交互元素的背景顏色由所述目標背景顏色切換為顯示所述初始背景...
【專利技術屬性】
技術研發人員：胡雨，
申請(專利權)人：北京達佳互聯信息技術有限公司，
類型：發明
國別省市：
還沒有人留言評論。發表了對其他瀏覽者有用的留言會獲得科技券。