RecyclerView如何設(shè)置背景圖片長(zhǎng)寬一樣

這篇文章主要介紹RecyclerView如何設(shè)置背景圖片長(zhǎng)寬一樣，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

使用RecyclerView的過(guò)程中，由于設(shè)置了LayoutManager的關(guān)系，控件（的background）往往不能通過(guò)指定長(zhǎng)寬為match_parent、wrap_content來(lái)實(shí)現(xiàn)長(zhǎng)寬大小相同。

面對(duì)的問(wèn)題：

以指定GridLayout(Horizental)布局為例：控件的實(shí)際寬度受制于一行分割為幾列，粗略來(lái)說(shuō) 寬度 = RecyclerView寬度 ÷ 列數(shù) 由于這個(gè)過(guò)程是運(yùn)行時(shí)確定的，長(zhǎng)度預(yù)先并不知道寬度的確切值，這會(huì)造成長(zhǎng)寬不匹配的現(xiàn)象（如圖）

圖中l(wèi)ogo的寬度嚴(yán)格限制在GridLayout的每一小格的寬度范圍內(nèi)，長(zhǎng)度（在沒(méi)有父控件的限制下）為初始值。

這里的初始值有兩個(gè)含義：

①在layout布局文件中指定了長(zhǎng)度為“xxdp”等確定值。

②長(zhǎng)度指定為“wrap_content” —— 當(dāng)背景為矢量圖，長(zhǎng)度為對(duì)應(yīng)drawable文件中確定的android:height ；當(dāng)背景為點(diǎn)陣圖，長(zhǎng)度為該圖分辨率的寬度。

這就使得我們看到的實(shí)際效果不是拉成了瘦瘦高高的長(zhǎng)竹竿，就是壓縮成了矮矮胖胖的矮冬瓜。

我們當(dāng)然可以在調(diào)試時(shí)得到控件寬度，再指定其為logo的長(zhǎng)度。這樣在調(diào)試機(jī)器上看起來(lái)確實(shí)長(zhǎng)寬相等了，但這真的解決了根本問(wèn)題嗎？

我們的軟件要運(yùn)行在多種分辨率的屏幕下，死板的規(guī)定長(zhǎng)度必然使得在部分機(jī)型下長(zhǎng)寬失衡。

因此解決這個(gè)問(wèn)題治標(biāo)治本的手段在于根據(jù)logo的實(shí)際寬度來(lái)確定長(zhǎng)度，令height = width。

怎么求寬度？

接下來(lái)就是如何獲取width的問(wèn)題了。

根據(jù)上面的公式 寬度 = recyclerView的寬度 ÷ 列數(shù)且recyclerView寬度 = gridLayoutManager.getWidth();列數(shù) = gridLayoutManage.getSpanCount();

我們可以輕松獲得width = gridLayoutManager.getWidth()/gridLayoutManage.getSpanCount();

當(dāng)然，為了得到gridLayoutManager實(shí)例，我們需要將它作為RecyclerAdapter構(gòu)造方法中的參數(shù)傳入：

public RecyclerSysWebAdapter(Context context, ArrayList<IndexItem> list, OnItemClickListener listener,GridLayoutManager glm) { 
    this.list = list; 
    this.context = context; 
    this.listener = listener; 
    this.glm = glm; 
}

recyclerView調(diào)用方代碼如下：

GridLayoutManager glm_sys = new GridLayoutManager(getContext(),7);//分為7列 
recycler_sys.setLayoutManager(glm_sys); //設(shè)置布局管理器 
recycler_sys.setAdapter(new RecyclerSysWebAdapter(getContext(),item_list_sys,onItemClickListener_sys,glm_sys));

接下來(lái)就是在RecyclerAdapter中指定logo的長(zhǎng)度為該值就行啦：

public void onBindViewHolder(SysWebHolder holder, final int position) { 
    ...//這里省略處理獲取button實(shí)例的代碼 
    ViewGroup.LayoutParams parm = holder.button_img.getLayoutParams(); //獲取button背景的LayoutParams實(shí)例 
    parm.height = glm.getWidth()/glm.getSpanCount() 
        - holder.button_img.getPaddingLeft(); 
}

在這里順便提一下LayoutParams類。該類通過(guò)指定width \ height 向父布局說(shuō)明自己想要的尺寸信息，父布局將根據(jù)該信息盡可能滿足它。

好了，這樣一來(lái)我們成功的使得logo長(zhǎng)寬相等嘍！

還有一件事

你以為這樣就結(jié)束了？是不是還忘了點(diǎn)什么？

我們來(lái)看一下上述設(shè)置的實(shí)際效果：

哎哎哎！雖然效果有改善，怎么還是長(zhǎng)方形的？！

靜下心仔細(xì)想一下，我們獲取的寬度真的是logo的寬度嗎？

剛才算出來(lái)的值怎么看都像是①號(hào)距離啊喂！

我們?cè)谠O(shè)計(jì)布局時(shí)為了美觀往往需要對(duì)控件設(shè)置 margin 及padding 讓彼此間保持一定的距離。我們?cè)讷@取寬度時(shí)當(dāng)然也要考慮到這個(gè)因素了！

獲取margin的具體值代碼如下：

ViewGroup.LayoutParams parm = holder.button_img.getLayoutParams(); 
((ViewGroup.MarginLayoutParams)parm).leftMargin;

我們需要顯式地將 layoutParams 實(shí)例轉(zhuǎn)換為 MarginLayoutParams方能獲取作為成員變量margin值。

這里獲取margin值參考自這篇文章：http://blog.csdn.net/yunxiaoxiaoyun/article/details/22314407點(diǎn)擊打開(kāi)鏈接

獲取padding代碼如下（默認(rèn)paddingLeft == paddingRight）：

button.getPaddingLeft();

綜合起來(lái)代碼如下：

public void onBindViewHolder(SysWebHolder holder, final int position) { 
    ...//省略獲取button實(shí)例的代碼 
    ViewGroup.LayoutParams parm = holder.button_img.getLayoutParams(); 
    parm.height = glm.getWidth()/glm.getSpanCount() 
        - 2*holder.button_img.getPaddingLeft() - 2*((ViewGroup.MarginLayoutParams)parm).leftMargin;//margin為什么要乘以2留給你們思考一下 
}

現(xiàn)在問(wèn)題徹底解決啦！我們觀察一下結(jié)果：

PS：差點(diǎn)忘了說(shuō)，必須要注意的！

recycler_sys = act.findViewById(R.id.recycler_sys_website); 
GridLayoutManager glm_sys = new GridLayoutManager(getContext(),sys_column); 
recycler_sys.setLayoutManager(glm_sys); 
recycler_sys.setAdapter(new RecyclerSysWebAdapter(getContext() 
  ,item_list_sys,onItemClickListener_sys,glm_sys));

請(qǐng)注意我的調(diào)用順序?yàn)樵趕etLayoutManager()之后再調(diào)用setAdapter()。

若調(diào)換兩語(yǔ)句順序會(huì)導(dǎo)致設(shè)置的長(zhǎng)度失效！

具體機(jī)理未深究，我猜測(cè)原因在于setLayoutManager()的過(guò)程中會(huì)再次測(cè)量并確定各控件的長(zhǎng)寬，覆蓋之前的設(shè)置。

以上是“RecyclerView如何設(shè)置背景圖片長(zhǎng)寬一樣”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！