本發(fā)明涉及網(wǎng)絡(luò)會話框設(shè)置領(lǐng)域，具體涉及一種網(wǎng)站登錄用的會話框的實現(xiàn)方法及系統(tǒng)。

背景技術(shù)：

現(xiàn)有網(wǎng)站中登錄用的會話框，用于引導(dǎo)用戶去登錄相應(yīng)的網(wǎng)站。目前，網(wǎng)站登錄用會話框一般采用dialog創(chuàng)建，創(chuàng)建會話需要輸入大量的代碼，創(chuàng)建過程比較復(fù)雜，而且輸入的代碼難以復(fù)用，進而使得功能會話框的效果比較單一，生命周期較短。

技術(shù)實現(xiàn)要素：

針對現(xiàn)有技術(shù)中存在的缺陷，本發(fā)明解決的技術(shù)問題為：如何創(chuàng)建出功能多樣化、能夠復(fù)用的網(wǎng)站登錄用會話框。

為達到以上目的，本發(fā)明提供的網(wǎng)站登錄用的會話框的實現(xiàn)方法，包括以下步驟：

s1：創(chuàng)建會話框文件，在對會話布局文件中，按照由上至下的順序依次添加：頭部信息層、第三方登錄選擇層、主用登錄層和登錄協(xié)議信息層；

頭部信息層中設(shè)置有頭部信息文字控件、線條控件和會話框關(guān)閉控件，文字控件位于線條控件的圖層之上，會話框關(guān)閉控件位于線條控件的左側(cè)或右側(cè)；會話框關(guān)閉控件中設(shè)置有一幅關(guān)閉信息圖片，關(guān)閉信息圖片用于：被點擊時觸發(fā)會話框關(guān)閉功能；

第三方登錄選擇層包括至少2層第三方登錄選擇子層，第三方登錄選擇子層中設(shè)置有一幅第三方登錄方式選擇圖片，第三方登錄方式選擇圖片用于：被點擊時觸發(fā)第三方登錄軟件的跳轉(zhuǎn)功能；

主用登錄層中設(shè)置有一幅主用登錄圖片，該圖片用于：被點擊時觸發(fā)主用登錄軟件的跳轉(zhuǎn)功能；

登錄協(xié)議信息層中設(shè)置有登錄協(xié)議信息控件；

s2：將會話框文件與對應(yīng)的網(wǎng)站進行關(guān)聯(lián)。

本發(fā)明提供的網(wǎng)站登錄用的會話框的實現(xiàn)系統(tǒng)，包括會話框模塊和會話框展示模塊；

會話框模塊用于：創(chuàng)建會話框文件，在對會話布局文件中，按照由上至下的順序依次添加頭部信息層、第三方登錄選擇層、主用登錄層和登錄協(xié)議信息層；

頭部信息層中設(shè)置有頭部信息文字控件、線條控件和會話框關(guān)閉控件，文字控件位于線條控件的圖層之上，會話框關(guān)閉控件位于線條控件的左側(cè)或右側(cè)；會話框關(guān)閉控件中設(shè)置有一幅關(guān)閉信息圖片，關(guān)閉信息圖片用于：被點擊時觸發(fā)會話框關(guān)閉功能；

第三方登錄選擇層包括至少2層第三方登錄選擇子層，第三方登錄選擇子層中設(shè)置有一幅第三方登錄方式選擇圖片，第三方登錄方式選擇圖片用于：被點擊時觸發(fā)第三方登錄軟件的跳轉(zhuǎn)功能；

主用登錄層中設(shè)置有一幅主用登錄圖片，該圖片用于：被點擊時觸發(fā)主用登錄軟件的跳轉(zhuǎn)功能；

登錄協(xié)議信息層中設(shè)置有登錄協(xié)議信息控件；

會話框展示模塊用于：將會話框文件與對應(yīng)的網(wǎng)站進行關(guān)聯(lián)。

與現(xiàn)有技術(shù)相比，本發(fā)明的優(yōu)點在于：

(1)參見本發(fā)明的s1可知，本發(fā)明會話框中的所有元素控件層，均能夠根據(jù)不同會話框的功能進行自定義設(shè)置，而且本發(fā)明的第三方登錄選擇層包括至少2層不同的第三方登錄選擇子層，進而為用戶提供了多種不同的第三方登錄方式，在使得會話框的功能多樣化的同時，簡化了會話框的創(chuàng)建過程，還能夠?qū)捒蛑械脑乜丶舆M行復(fù)用，顯著提升了用戶體驗，非常適于推廣。

與此同時，當(dāng)會話框的功能發(fā)生改變時，只需要重新實例化本發(fā)明的會話框即可添加改變后的文字和圖片，因此，本發(fā)明的生命周期較長。

(2)參見本發(fā)明s1可知，本發(fā)明的所有元素控件層由上至下排列，用戶在查閱上述布局的會話框文件時，查閱順序為：頭部信息層：對應(yīng)觀看頭部信息；第三方登錄選擇層：選擇是否通過常用的第三方軟件登錄網(wǎng)站(一般都是第三方軟件登錄，因為比較常用)；主用登錄層：選擇是否通過非常用的主用軟件登錄；登錄協(xié)議信息層：選擇是否查閱登錄協(xié)議。上述查閱順序用戶的閱讀邏輯完全相匹配，進一步提高了用戶體驗。

(3)本發(fā)明的第三方登錄選擇子層的數(shù)量為3層，能夠為用戶提高3種不同的第三方登錄方式，用戶的選擇更多樣化；與此同時，3層第三方登錄選擇子層中圖片字體顏色和圖片字體信息均不同，進而強烈體現(xiàn)出3層第三方登錄選擇子層的區(qū)別，進一步提升了用戶體驗。

(4)本發(fā)明的第三方登錄選擇層和主用登錄層之間，還設(shè)置有文字隔離層，文字隔離層能夠?qū)Φ谌降卿涍x擇層和主用登錄層進行區(qū)分，進而突出主用登錄層，進一步提升了用戶體驗；與此同時，每幅第三方登錄方式選擇圖片的圖片字體顏色和圖片字體信，均與主用登錄圖片不同，進一步突出了主用登錄層與第三方登錄選擇層的區(qū)別，進一步提升了用戶體驗。

附圖說明

圖1為本發(fā)明實施例中網(wǎng)站登錄用的會話框的結(jié)構(gòu)示意圖。

具體實施方式

以下結(jié)合附圖及實施例對本發(fā)明作進一步詳細(xì)說明。

本發(fā)明實施中的網(wǎng)站登錄用的會話框的實現(xiàn)方法，包括以下步驟：

s1：創(chuàng)建會話框文件，該文件為xml(extensiblemarkuplanguage，可擴展標(biāo)記語言)文件。參見圖1所示，為了合理的布局，本實施例通過linearlayout(線性布局)在對會話布局文件中，按照由上至下的順序依次添加以下元素控件層：頭部信息層、第三方登錄選擇層、文字隔離層、主用登錄層和登錄協(xié)議信息層。為了保證布局的美觀，本實施例通過linearlayout中的android:orientation＝"vertical，將上述所有元素控件層縱向排列。

參見圖1所示，頭部信息層中設(shè)置有頭部信息文字控件、線條控件和會話框關(guān)閉控件。為了保證文字控件的清晰，文字控件位于線條控件的圖層之上，線條控件用于區(qū)分文字控件和會話框關(guān)閉控件；會話框關(guān)閉控件位于線條控件的左側(cè)或右側(cè)，會話框關(guān)閉控件中設(shè)置有一幅關(guān)閉信息圖片，關(guān)閉信息圖片用于：被點擊時觸發(fā)會話框關(guān)閉功能。

頭部信息層的實現(xiàn)方式為：

1、添加線條控件：通過<view>標(biāo)簽中的background屬性android:background＝"@drawable/line"，繪制一條橫線。

2、在線條空控件的圖層上添加頭部信息文字控件：通過文本標(biāo)簽<textview>進行文字展示：

文字的具體內(nèi)容通過android:text＝"具體內(nèi)容"進行顯示；

文字的顏色通過android:textcolor＝"@color/text_color_grey"進行設(shè)定。

3、在文字控件的右側(cè)添加會話框關(guān)閉控件：會話框關(guān)閉控件中的關(guān)閉信息圖片，關(guān)閉信息圖片通過設(shè)置imageview中的src屬性來進行設(shè)定的android:src＝"@drawable/icon_login_close_bg"，設(shè)定android:layout_alignparentright＝"true"，將會話框關(guān)閉控件位于文字控件的右側(cè)。將關(guān)閉信息圖片的id與會話框關(guān)閉功能綁定：android:id＝"@+id/close_btn"，至此，本實施例在會話框關(guān)閉功能的代碼中就能夠通過findviewbyid的方法，找到對應(yīng)的關(guān)閉信息圖片并關(guān)聯(lián)。

參見圖1所示，第三方登錄選擇層用于實現(xiàn)登錄方式的多樣化，第三方登錄選擇層包括3層第三方登錄選擇子層，每層子層中各設(shè)置有一幅不同的第三方登錄方式選擇圖片，定義所有子層中第三方登錄方式選擇圖片分別為a、b和c，a、b和c分別用于：被點擊時觸發(fā)第三方登錄軟件1、2和3的跳轉(zhuǎn)功能；為了更好的a、b和c進行區(qū)分，a、b和c圖片字體顏色和圖片字體信息均不同，a為綠色，b為藍色，c為紅色。為了保證布局的統(tǒng)一和美觀，本實施例將3層第三方登錄選擇子層縱向排列。

a、b和c的實現(xiàn)觸發(fā)第三方登錄軟件的跳轉(zhuǎn)功能的方式為：

將a的id與第一登錄軟件的跳轉(zhuǎn)功能綁定：android:src＝"@drawable/icon_第一登錄軟件_login；

將b的id與第二登錄軟件的跳轉(zhuǎn)功能綁定：android:src＝"@drawable/icon_第二登錄軟件_login；

將c的id與第一登錄軟件的跳轉(zhuǎn)功能綁定：android:src＝"@drawable/icon_第三登錄軟件_login。

參見圖1所示，文字隔離層中設(shè)置有隔離信息文字控件，文字隔離層用于：對主用登錄層和所有第三方登錄選擇子層進行區(qū)分，進而突出主用登錄層。

參見圖1所示，主用登錄層中設(shè)置有一幅主用登錄圖片，該圖片用于：被點擊時觸發(fā)主用登錄軟件的跳轉(zhuǎn)功能，為了區(qū)分主用登錄層和第三方登錄選擇層，主用登錄圖片的圖片字體顏色和圖片字體信息，均與每幅第三方登錄方式選擇圖片不同。

參見圖1所示，登錄協(xié)議信息層中設(shè)置有登錄協(xié)議信息控件。

本實施例中所有元素控件層由上至下排列的好處為：用戶在查閱上述布局的會話框文件時，查閱順序為：

1、頭部信息層：對應(yīng)觀看頭部信息；

2、第三方登錄選擇層：選擇是否通過常用的第三方軟件登錄網(wǎng)站(一般都是第三方軟件登錄，因為比較常用)；

3、主用登錄層：選擇是否通過非常用的主用軟件登錄；

4、選擇是否查閱登錄協(xié)議。

上述查閱順序用戶的閱讀邏輯完全相匹配，顯著提高了用戶體驗。

s2：通過自定義的函數(shù)showlogindialog，將會話框文件與對應(yīng)的網(wǎng)站進行關(guān)聯(lián)(即在網(wǎng)站登錄界面上展示)。

s2的實現(xiàn)方式和原理為：showlogindialog函數(shù)主要是調(diào)用自定義類logindialog中的show方法來展示，logindialog是繼承于dialogfragment類進行實現(xiàn)，即logindialog需要實現(xiàn)dialogfragment的相關(guān)回調(diào)函數(shù)、并在show函數(shù)中調(diào)用父類的函數(shù)即可實現(xiàn)對話框的展示。

logindialog中兩個最關(guān)鍵的函數(shù)oncreatedialog和oncreateview函數(shù)的實現(xiàn)邏輯為：logindialog中首先會回調(diào)oncreatedialog函數(shù)，本實施例在oncreatedialog函數(shù)中設(shè)置了對話框的樣式，通過dialog.getwindow().requestfeature(window.feature_no_title)；和dialog.getwindow().setflags(windowmanager.layoutparams.flag_fullscreen,windowmanager.layoutparams.flag_layout_in_screen)；來設(shè)置對話框的樣式為沒有標(biāo)題欄同事布局為全屏。

通過上述方法設(shè)置完樣式后需要告訴系統(tǒng)xml布局文件所對應(yīng)的視圖控件view，具體是通過logindialog中的回調(diào)函數(shù)oncreateview來返回系統(tǒng)所需要的視圖view；此時要在oncreateview函數(shù)中將需要展示的xml返回。所以通過布局文件加載器。在oncreateview函數(shù)中查找和加載上述定義的xml文件，具體是通過調(diào)用layoutinflater.inflate(r.layout.activity_dialog_login)方法來進行加載的，其中activity_dialog_login是我們需要加載的xml的布局文件的名稱。inflate方法會返回一個視圖view控件，將獲取到的view控件返回給系統(tǒng)即可。

通過上述oncreatedialog和oncreateview函數(shù)的調(diào)用系統(tǒng)已經(jīng)可以找到需要展示的xml所對應(yīng)的視圖view了，然后在show函數(shù)中直接調(diào)用super.show()；即可將會話框展示至網(wǎng)站登錄界面。

在此基礎(chǔ)上，本實施例還對showlogindialog函數(shù)自定義了一個隱藏登錄對話框的函數(shù)hidelogindialog，hidelogindialog函數(shù)主要的實現(xiàn)也是在logindialog這個類中，在hidelogindialog主要是調(diào)用了dismiss()函數(shù)來講對話框進行隱藏(調(diào)用dismiss能夠隱藏的前提條件是上述的oncreatedialog和oncreateview函數(shù)均被正確實現(xiàn)了)。

本發(fā)明實施例中的網(wǎng)站登錄用的會話框的實現(xiàn)系統(tǒng)，包括會話框模塊和會話框展示模塊。

會話框模塊用于：創(chuàng)建會話框文件，在對會話布局文件中，按照由上至下、且縱向排列的順序依次添加頭部信息層、第三方登錄選擇層、文字隔離層、主用登錄層和登錄協(xié)議信息層。

頭部信息層中設(shè)置有頭部信息文字控件、線條控件和會話框關(guān)閉控件，文字控件位于線條控件的圖層之上，會話框關(guān)閉控件位于線條控件的左側(cè)或右側(cè)；會話框關(guān)閉控件中設(shè)置有一幅關(guān)閉信息圖片，關(guān)閉信息圖片用于：被點擊時觸發(fā)會話框關(guān)閉功能。

第三方登錄選擇層包括至少2層第三方登錄選擇子層，第三方登錄選擇子層中設(shè)置有一幅第三方登錄方式選擇圖片，第三方登錄方式選擇圖片用于：被點擊時觸發(fā)第三方登錄軟件的跳轉(zhuǎn)功能。

第三方登錄選擇子層的數(shù)量為3層，定義3層登錄選擇子層中的第三方登錄方式選擇圖片，分別為a、b和c；a用于：被點擊時觸發(fā)第三方登錄軟件1的跳轉(zhuǎn)功能，b用于：被點擊時觸發(fā)第三方登錄軟件2的跳轉(zhuǎn)功能，c用于：被點擊時觸發(fā)第三登錄軟件3的跳轉(zhuǎn)功能；a、b和c的圖片字體顏色和圖片字體信息均不同。每幅第三方登錄方式選擇圖片的圖片字體顏色和圖片字體信，均與主用登錄圖片不同。

文字隔離層中設(shè)置有隔離信息文字控件。

主用登錄層中設(shè)置有一幅主用登錄圖片，該圖片用于：被點擊時觸發(fā)主用登錄軟件的跳轉(zhuǎn)功能。

登錄協(xié)議信息層中設(shè)置有登錄協(xié)議信息控件。

會話框展示模塊用于：將會話框文件與對應(yīng)的網(wǎng)站進行關(guān)聯(lián)。

至此，通過本發(fā)明的實施例可知，本發(fā)明在使得會話框的功能多樣化的同時，會話框的創(chuàng)建過程比較簡單，還能夠復(fù)用；而且當(dāng)會話框的功能發(fā)生改變時，只需要重新實例化本發(fā)明的會話框即可添加改變后的文字和圖片。因此本發(fā)明的會話框的生命周期較長，顯著的提升了用戶體驗，非常適于推廣。

進一步，本發(fā)明不局限于上述實施方式，對于本技術(shù)領(lǐng)域的普通技術(shù)人員來說，在不脫離本發(fā)明原理的前提下，還可以做出若干改進和潤飾，這些改進和潤飾也視為本發(fā)明的保護范圍之內(nèi)。本說明書中未作詳細(xì)描述的內(nèi)容屬于本領(lǐng)域?qū)I(yè)技術(shù)人員公知的現(xiàn)有技術(shù)。