1. 程式人生 > >checkbox 顏色修改

checkbox 顏色修改

https://stackoverflow.com/questions/11464143/android-set-color-of-checkbox

Ok, so I'm sorry but most of these answers are incomplete or have some minor bug in them. 'Styling' controls across different versions of Android is an epic pain in the ass. After pulling my hair out for days on a project with very tight design constraints I finally broke down and wrote a test app and then really dug in and tested the various solutions out there for styling switches and check-boxes, since when a design has one it frequently has the other. Here's what I found...

First: You can't actually style either of them, but you can apply a theme to all of them, or just one of them.

Second: You can do it all from XML and you don't need a second values-v21/styles.xml.

Third: when it comes to switches you have two basic choices if you want to support older versions of Android (like I'm sure you do)...

  1. You can use a SwitchCompat and you will be able to make it look the same across platforms.
  2. You can use a Switch and you will be able to theme it with the rest of your theme, or just that particular switch and on older versions of Android you'll just see an unstyled older square switch.

Ok now for the simple reference code. Again if you create a simple Hello World! and drop this code in you can play to your hearts content. All of that is boiler plate here so I'm just going to include the XML for the activity and the style...

activity_main.xml...

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:paddingBottom="@dimen/activity_vertical_margin"android:paddingLeft="@dimen/activity_horizontal_margin"android:paddingRight="@dimen/activity_horizontal_margin"android:paddingTop="@dimen/activity_vertical_margin"tools:context="com.kunai.switchtest.MainActivity"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="'Styled' SwitchCompat"/><android.support.v7.widget.SwitchCompatandroid:id="@+id/switch_item"android:layout_width="wrap_content"android:layout_height="46dp"android:layout_alignParentEnd="true"android:layout_marginEnd="16dp"android:checked="true"android:longClickable="false"android:textOff="OFF"android:textOn="ON"app:switchTextAppearance="@style/BrandedSwitch.text"app:theme="@style/BrandedSwitch.control"app:showText="true"/></RelativeLayout><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:paddingBottom="@dimen/activity_vertical_margin"android:paddingLeft="@dimen/activity_horizontal_margin"android:paddingRight="@dimen/activity_horizontal_margin"android:paddingTop="@dimen/activity_vertical_margin"tools:context="com.kunai.switchtest.MainActivity"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Themed SwitchCompat"/><android.support.v7.widget.SwitchCompatandroid:id="@+id/switch_item2"android:layout_width="wrap_content"android:layout_height="46dp"android:layout_alignParentEnd="true"android:layout_marginEnd="16dp"android:checked="true"android:longClickable="false"/></RelativeLayout><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:paddingBottom="@dimen/activity_vertical_margin"android:paddingLeft="@dimen/activity_horizontal_margin"android:paddingRight="@dimen/activity_horizontal_margin"android:paddingTop="@dimen/activity_vertical_margin"tools:context="com.kunai.switchtest.MainActivity"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Themed Switch"/><Switchandroid:id="@+id/switch_item3"android:layout_width="wrap_content"android:layout_height="46dp"android:layout_alignParentEnd="true"android:layout_marginEnd="16dp"android:checked="true"android:longClickable="false"android:textOff="OFF"android:textOn="ON"/></RelativeLayout><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:paddingBottom="@dimen/activity_vertical_margin"android:paddingLeft="@dimen/activity_horizontal_margin"android:paddingRight="@dimen/activity_horizontal_margin"android:paddingTop="@dimen/activity_vertical_margin"tools:context="com.kunai.switchtest.MainActivity"><TextViewandroid:layout_width=
            
           

相關推薦

android5.0 CheckBox顏色修改

android5.0開始,CheckBox帶有material design動畫效果,其預設的樣式如下圖所示:   可以看到,在上圖中,CheckBox的邊框為灰色,當被選中後,填充色為綠色。  那麼如果我們想要改變邊框和填充色,同時也儲存material design動畫效

checkbox 顏色修改

https://stackoverflow.com/questions/11464143/android-set-color-of-checkbox Ok, so I'm sorry but most of these answers are incomplet

echarts各種字體顏色修改

orien ica tex eat lin 海水 條形圖 查詢 saveas 這篇文章主要講述Echarts設置字體和線條的顏色相關操作筆記,希望文章對你有所幫助,主要是自己的在線筆記吧。我在前面先放各種修改前後圖片顏色的對照,後面再詳細介紹代碼。這樣更方便閱讀及讀者知道,

input placeholder 文字顏色修改

fire xpl span -i net 版本 兼容 style kit input::-webkit-input-placeholder{ color:red; } input::-moz-placeholder{ /* Mozilla Firefox 19

PowerShell字體顏色修改

class 鼠標 差異 ren source ima fir env 系統默認 作為一個coder,必須保護自己的眼睛,因此,難看的字體和顏色不允許出現在電腦上 PowerShell參數設置路徑如下 HKEY_CURRENT_USER\Console\%SystemR

element餓了麼ui表格選中後高亮顏色修改

element表格單選選中狀態下背景色太淺,為了讓選中的資料更突出一些,只能自定義顏色去覆蓋預設的顏色,我的表格是斑馬紋的,可能非斑馬的還不適用 .el-table--striped .el-table__body tr.el-table__row--striped.current-row td

Android 沉浸式狀態列-字型顏色與背景顏色修改實現與相容

沉浸式狀態列究其根本就是將佈局內容延伸到狀態列中,讓狀態列覆蓋在佈局上或者隱藏。 實現 首先,要修改狀態列android版本至少要在4.4以上,並且在4.4是不能讓狀態列透明的,只能達到一種半透明的陰影背景,而在5.x的版本中,是可以修改背景顏色但無法修

checkbox 顏色的更改

1 <input   type= "checkbox "   value= "1 "   onclick= "chgColor() "> <label> 選擇一 </label>    如上的一個簡單的checkbox ,點選後實現 “選

Qt移植checkbox風格修改

環境:        HelperA64開發板        Linux3.10核心 時間:2019.01.12 目標:修改Qt中checkbox圖片太小的BUG

Qt的checkbox風格修改

環境:        HelperA64開發板        Linux3.10核心 時間:2019.01.12 目標:修改Qt中checkbox圖片太小的BUG 問題: &nb

獲得華為手機劉海螢幕劉海高度寬度與虛擬按鍵背景顏色修改

package 哈哈哈哈哈哈哈哈哈哈;import android.content.Context; import android.graphics.Color; import android.os.Build; import android.os.Bundle; impor

點選或者按下背景或字型顏色修改使用及注意問題

用過selector的都知道,當我們為了更好使用者體驗,當點選button 或者觸控字型時 ,顏色需要出現相應變化,使用selector背景選擇器。 怎麼使用呢?簡單介紹下。 如果作為佈局或者控制元件背景時,在res下建立drawable資料夾,在drawabl

echars顏色修改

option = {    tooltip : {        formatter: "{a} <br/>{b} : {c}%"    },    toolbox: {        feature: {            restore: {},     

【Educational Codeforces Round 6E】【線段樹 dfs序】New Year Tree 子樹顏色修改子樹顏色

E. New Year Tree time limit per test 3 seconds memory limit per test 256 megabytes input standard input output standard ou

MBProgressHUD等待框背景色與菊花等待框顏色修改

最新版本預設樣式為   MBProgressHUD *hud = [[MBProgressHUD alloc] initWithView:self.view ]; //修改樣式,否則等待框背

URLSpan 字型顏色修改

SpannableString ss = new SpannableString( getString(R.string.tv_inkanet_protocol)); ss.setSpan(new URLSpan("inkanet.pateo.com.c

Linux下黑色螢幕中藍色字型顏色 修改方法

修改顯示顏色的方法 1、將 /etc/DIR_COLORS   複製到  ~/  下      具體命令    cp   /etc/DIR_COLORS   ~/ 2、改名稱   具體命令  1) cd        2)mv   DIR_COLORS   .dir_col

Android Toolbar返回按鈕顏色修改

//以下三行是修改回退按鈕為白色的邏輯 Drawable upArrow = ContextCompat.getDrawable(this, R.drawable.abc_ic_ab_

iOS tabbar文字字型顏色修改問題

for (UIBarItem *item in self.tabBar.items) { [item setTitleTextAttributes:[NSDictionary dictionaryWit

SystemUI底部三個虛擬按鍵的背景顏色修改

    三個虛擬按鍵的設定是在framework層中。     先檢視三個按鍵的佈局的初始化: 位置 frameworks/base/packages/SystemUI/src/com/android/systemui/statusbar/phone/PhoneStatus