1. 程式人生 > >Material Design控制元件Button,CheckBox的使用

Material Design控制元件Button,CheckBox的使用

按鈕的最終效果為,點選有水波紋,有陰影

<Button
android:id="@+id/login_submit_login"
android:layout_width="match_parent"
android:layout_height="42dp"
android:theme="@style/BlueButton"
android:text="@string/login_submit"
android:textColor="@android:color/white"
android:textSize="17sp" />

在style檔案中:

<style name="BlueButton"
> <item name="colorButtonNormal">#63aeff</item> </style>

CheckBox有選中和未選擇兩種狀態:

<style name="WhiteBox">
    <item name="colorControlNormal">@color/bgColorClicked</item>
    <item name="colorControlActivated">@color/bgColorClicked</item>
</style>

引用方式相同:

<CheckBox
android:id="@+id/checkBox"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="40dp"
android:layout_marginTop="15dp"
android:text="@string/reg_remeber_psw"
android:theme="@style/WhiteBox"
android:textColor="@color/bgColorClicked" />

參考連結:http://www.open-open.com/lib/view/open1475906602871.html

相關推薦

Material Design控制元件Button,CheckBox的使用

按鈕的最終效果為,點選有水波紋,有陰影 <Button android:id="@+id/login_submit_login" android:layout_width="match_parent" android:layout_height="42dp" and

Material Design控制元件使用(一)

最近學習了一下md設計風格和相對應的控制元件覺得挺棒的,真希望以後能做安卓設計風格的app,只是心有魚而力不足,雖身為安卓程式設計師但由於公司設計成本卻每天做著ios風格的app,這感覺真是(此處省略一萬字)…,既然公司的專案沒法過把癮,那就自己做的玩,本篇部落

Material Design——控制元件大彙總(一)

我儘量不打錯別字,用詞準確,不造成閱讀障礙。 最近打算整理一下Google的Material Design風格的控制元件,雖然這個東西已經出來很長時間了,之前也寫過很多次MD的控制元件,但是一直涉入不深,感覺市面上的APP中,大量級的APP一般不用MD,網易

小程式學習之旅----表單元件 button checkbox form input label radio slider switch textarea 獲取表單資料

<view class='input'> <input placeholder="請輸入內容1" confirm-type="done" type='text' focus="true" bindinput='doInput'/> </view> <

C# 公共控制元件Checkbox和CheckedListBox

Winform的開發基本都是基於控制元件事件的,也就是事件驅動型的。 多選框的放置和值的獲取有很多種,這裡介紹幾個簡單常用的方法 1、直接放置Checkbox,並獲取Checkbox的值 上圖 做法也非常簡單,就是在form中放置多個checkbox,然後迴圈遍歷,檢查其checke

C# 控制元件 button主要屬性

button 按鈕 屬性: name: 改變這個控制元件的名字 BackColor :改變背景顏色 Bacgroundimage: 改變背景顏色 BackgroundImageLayout :改變背景圖片的佈局 ContextMenuStrip:顯示滑鼠右鍵該空間的選單

Android 開發 03_控制元件Button

新增第一個控制元件Button 在Android中,開啟res -> layout (若沒有layout檔案,則在res中新建一個)右鍵layout檔案,新建 Layout resource file 此xml檔案(若有***_main.xm

input控制元件checkbox屬性自定義勾選框

思路 首先隱藏input預設勾選框 通過繫結label標籤,設定label的樣式來設定勾選框 效果 程式碼 # html中input的checkbox定義,使用for迴圈建立多個checkbox並繫結到label上 <div class="tab_1

flutter控制元件CheckBox

import 'package:flutter/material.dart'; class LearnCheckBox extends StatefulWidget{ @override State<StatefulWidget> createState() { re

asp net伺服器控制元件button先執行js再執行後臺的方法

                關於button這個伺服器控制元件,我一直想減少它向伺服器提交資料。那些檢測,還是在客戶端實現就好了。這就需要javascript,但是我發現僅僅有javascript還是不夠的。button伺服器控制元件的單擊事件叫“onClick”,所以javascript就無法使用這個事

ASP.NET自定義Web伺服器控制元件-Button控制元件

using System; using System.Collections.Generic; using System.ComponentModel; using System.Linq; using System.Text; using System.Web; usin

QML自定義控制元件Button

QT自帶的Button無法滿足我們的審美,和需求,為此專案開發中經常需要自定義控制元件,以Button控制元件為例 聯絡作者 qq 843230304 效果圖(裡面的按鈕都是Button):還有好多呢,你只需要自定義自己的圖片,很美觀哦 寫控制元件的時

Ionic控制元件 Button

1.簡介   按鈕是Ionic最重要的CSS元件之一,在移動APP開發中按鈕的使用非常頻繁。在Ionic中,我們無需像傳統html那樣使用input或button標籤來建立一個按鈕。我們可以用任何標籤來建立一個按鈕,只要我們為其指定一個名為button的類,I

給伺服器控制元件button新增一個在onclick之前的js事件

 <asp:Button ID="btn_aa" runat="server" /> 上述伺服器標籤有一個OnClick事件,但是我要在之前給一個判斷。如果判斷通過,就執行,如果不通過就不執行  OnClick為後臺事件 function test(){ r

Cocos ui控制元件Button 一個誤導人的小錯誤

版本:cocos2d-x 3.12     語言:C++ 今天開始996,終於要開始加死人不償命的生活了。哈哈,今天給大家帶來一個我畢設中的小失誤。 不知道還有沒有人在用CocosStudio,我們專案中可憐都沒得用,然後都是自己寫ui的,別的組已經在使用了,感覺用起來

Material Design Lite元件之列表

1.介紹無2.配置選項MDL ClassEffectRemark.mdl-list定義MDL列表元件必需.mdl-list__item定義列表欄目必需.mdl-list__item--two-line定義列表欄目為兩行可選.mdl-list__item--three-line

MFC-自繪控制元件checkbox篇)

示例圖 一、公共檔案 二、checkbox部分 標頭檔案 #pragma once #include "Public.h" ////////////////////////////////////////////////////////////////////////

CoordinatorLayout等控制元件實現Google Material Design效果

本文介紹以下很 google的UI控制元件:CoordinatorLayout、AppbarLayout、NestedScrollView以及CollapsingToolbarLayout。它們共同實現了下面這樣的效果: 初始控制元件 「Coordinat

ANDROID L——Material Design詳解(UI控制元件

1.在佈局檔案中新增一個RecyclerView <!-- A RecyclerView with some commonly used attributes --> <android.support.v7.widget.RecyclerView android:id="@+id

Android Material Design新UI控制元件使用大全 三

序言 在我們對NavigationView側滑,TextInputLayout輸入框,Snackbar彈出提示框,FloatingActionBar圓形button,TabLayout頂部導航欄及CoordinatorLayout有了一定的瞭解後,我們最後將對AppBa