1. 程式人生 > >#RadioButton自定義圖示

#RadioButton自定義圖示

RadioButton是一個單選框控制元件需要放在RadioGroup元件中使用。有時候系統的提供的預設圖示不能滿足我們的需求這時我們就需要自定義RadioButton的圖示。

RadioButton中有三個重要的屬性button,drawableLeft,background
1.button 屬性就是用來設定RadioButton中左邊的單選圓圈圖示
2.drawableLeft和TextView的屬性一樣用來顯示控制元件文字座標顯示的圖示
3.background用來設定控制元件的背景顯示圖片。
很明顯通過這三個屬性的簡單介紹我們可以通過自定義button樣式來改變RadioButton的顯示圖示這樣可以達到效果,但是會有一個問題:在小分辨的手機上自定義的圖片會蓋住文字內容。這種方法在適配上有一定的問題。
這是我們需要通過另外一種方法來自定義RadioButton的圖示。這種方法的主要思路是隱藏系統提供的圖示,通過設定drawableLeft屬性來來自定義圖示。主要實現配置程式碼如下:
將RadioButton的button和background屬性設為null通過drawableLeft屬性來設定RadioButton的圖示顯示效果

<RadioButton xmlns:android="http://schemas.android.com/apk/res/android"
    android:background="@null"
    android:button="@null"
    android:drawableLeft="@drawable/yyq_pay_radio_selector"
    android:drawablePadding="5dp"
    android:id="@+id/pay_radio_button"
    android:layout_width="match_parent"
android:layout_height="wrap_content" android:layout_marginLeft="15dp" android:paddingTop="5dp" android:paddingBottom="5dp" android:layout_marginTop="5dp" android:layout_marginBottom="5dp" android:text="財付通" ></RadioButton>

相關推薦

#RadioButton定義圖示

RadioButton是一個單選框控制元件需要放在RadioGroup元件中使用。有時候系統的提供的預設圖示不能滿足我們的需求這時我們就需要自定義RadioButton的圖示。 RadioButton中有三個重要的屬性button,drawableLeft,b

RadioButton定義圖示跟選中文字狀態

RadioButton平時用的比較少,突然用到反而遇到點小問題,為了避免以後又忘記了浪費時間,還是稍微記錄一下。 實現效果如圖,修改選中時候的文字跟小圖示: 程式碼很簡單,直接上程式碼。再稍微備註一下需要注意的地方。 <RadioGroup a

JQuery Mobile - 定義圖示

環境 jquery1.9.1.js jquery mobile 1.4.2版   圖示製作 18x18px 底透明的png圖示   使用圖示,這個過程開始怎麼弄都不行,只有個灰色的圓出現,不見圖示;或者出現圖示,但位置不對,經過看jquery demo,終於知道了如何使用

ECharts 柱狀圖上顯示資料,並定義圖示

先看效果 1.柱狀圖上顯示資料,使用的是series[0].label.formatter series: [{ name:'近一週每日', type: 'bar', barGap: '0', label: { norm

Android RadioButton定義背景色圓角樣式的方法

先看圖,實現如下樣式: 來看該radiobutton的程式碼: <RadioButton android:id="@+id/rb_a" android:layout_width="0dip"

android:RadioButton定義和非定義的實現

    我簡單解釋下:當root為null的時候,我們只是把一個xml檔案例項化成View物件,反回的就是xml對應的View.而當root不為null的時候,也就是存在parent.那麼我們將把這個xml例項化程View物件後,將這個View檢視add進其parent中.所以在這裡我們用的是LayoutIn

easyui新增定義圖示

最近用easyui發現圖示挺少的,其實可以另外新增一個css樣式,不過我偷懶,直接在easyui的css裡面添加了。 下面是目錄: icon.css是easyui的預設樣式檔案,ext_icons

android 重寫RadioButton定義選中圖片

package com.cloud.test; import Android.content.Context; import android.graphics.Canvas; import android.util.AttributeSet; import androi

IconVault – 建立定義圖示字型的神器推薦

  圖示字型簡單來說就是外觀呈現為圖示的字型,同時具有向量圖形的特徵,在不同的裝置上使用圖示的時候就不用載入不同尺寸的圖片檔案,能夠減少 HTTP 請求數,提高頁面載入速度。   IconVault 這款線上生成工具讓你可以輕鬆建立自定義圖示字型,選擇圖示資料夾,點選生成即可。 您可能感興趣的相關文章

Android定位&地圖&導航——基於百度地圖,實現定義圖示繪製並點選時彈出泡泡

public class MainActivity extends Activity { private EditText txtAddr; // 定位相關 LocationClient mLocClient; LocationData locData = nul

仿微信 RadioButton 定義點選效果

1.Android Studio 步驟: 1.選中drawable目錄後點擊滑鼠右鍵New-Drawable resource file,如圖: 2.輸入檔名稱,點選ok,如圖:

FineUIPro v5.2.0已釋出(jQuery升級,定義圖示,日期控制元件)

FineUIPro/MVC/Core/JS v5.2.0 已經於 2018-8-20 釋出,官網示例已更新,如果大家在測試中發現任何問題,請回複本帖,謝謝了。線上示例: 更新記錄: 這個版本除了修正多個BUG,還新增了幾個客戶反饋的功能:1. jQuery升級到最新版 v3.3.1

ionic定義圖示心得分享

有時候我們需要修改tabs或者其他的ionic的圖示,雖然ionic系統提供了很多,但如果想使用其他的,之前以為只能用png來設定background,但效果並不好;最近發現了很好的方法,跟大家分享。 是無意中看到這個帖子add icons 才發現的。 1、兩個網站

為 Bootstrap 新增更多定義圖示

轉  http://www.lovelucy.info/custom-icons-for-twitter-bootstrap.html Twitter Bootstrap 真是前端開發的瑞士軍刀,作為基於 HTML,CSS 和JavaScript 的簡潔靈活的前端框架及

echarts toolbox增加定義圖示

最近做web開發需要用到echarts的東西,其中一個需求是新增一個自定義的圖示,點選匯出資料,開始查閱echarts的配置檔案,發現它是這麼介紹的。echarts配置項鍊接 注意,自定義的工具名字,只能以 my 開頭,例如下例中的 myTool1,myToo

MFC 標題欄動態載入定義圖示

1、MFC主窗體的OnInitDialog()中預設會新增以下程式碼://CDialog::OnInitDialog();// TODO: Add extra initialization hereHICON m_hIcon;m_hIcon=AfxGetApp()->

高德地圖新增定義圖示

1.新增自定義圖示 aMap.addMarker(new MarkerOptions() .draggable(true) .title(jsonObject.getString("functionDetail")

RadioButton定義樣式 之一 換圖片

radiobutton 、checkbox預設的圖片太挫了,那我們自己來定義一下他的樣式 1、找兩張圖片:選中和未選中的 2、再來張背景圖片 3、定義狀態 radiobutton_icon.xml <?xml version="1.0" encoding="ut

vue中的路由及定義圖示

效果如圖所示: 安裝vue-router: npm install vue-router --save 底部選項卡: 使用的是:MUI中的 tab bar(選項卡) 下載mui:[mui](https://github.com/dcloudio/m

百度地圖定義圖示動畫

專案中需要在百度地圖上完成一個從一個圖片底部慢慢上升的動畫效果, 先講一下原來的思路,因為安卓有一個動畫效果是可以從底部上升的,當時就想著只要實現動畫效果,放在地圖上就是了,後來發現百度地圖好像不支援這種動畫,自己提供的動畫是需要一組圖片組合的,總不能設定10