1. 程式人生 > >設定文字框樣式和修改按鈕樣式

設定文字框樣式和修改按鈕樣式

設定文字框樣式

沒有圖片情況下增加白色背景:

1、在res--drawable下新建white_bg.xml檔案,並選擇shape標籤
子標籤:①<corners/>:設定圓角。android:radius="5dp":圓角半徑為5dp。
②<gradient/>:影象顏色的漸變。開始顏色:startColor="@color/white"。結束顏色:endColor="@color/red"
③<stroke/>:邊框。width="1dp":邊框寬度。color="@color/black":邊框顏色。
④<solid/>:填充色。color="@color/white":填充色為白色。

2、設定為黑底並且沒有標題欄:AndroidMainfest.xml中,<activity/>中設定性質:android:theme="@android:style/Theme.Black.NoTitleBar"
3、設定為不可編輯:<EditText/>中設定:android:editable="false"

4、設定為右邊顯示:<EditText/>中設定:android:gravity="right/bottom"

設定按鈕樣式

xml檔案設定控制元件顯示樣式
shape --> <corners android:radius="5dp" /> //設定圓角半徑


<gradient android:startColor="@color/white"
android:endColor = "@color/red" /> //設定顏色的一個漸變
<storke android:width="1dp" android:color="@color/white" /> //設施邊框樣式
<soild android:color="@color/white" /> //設定填充色

selector --> <item android:drawable="[選擇相應樣式]" android:state_pressed="true"(按住的時候顯示) />

<item android:drawable="[選擇相應樣式]" /> //無操作時候顯示

相關推薦

設定文字樣式修改按鈕樣式

設定文字框樣式 沒有圖片情況下增加白色背景: 1、在res--drawable下新建white_bg.xml檔案,並選擇shape標籤子標籤:①<corners/>:設定圓角。android:radius="5dp":圓角半徑為5dp。②<gradient

Android 利用Sharp樣式設定文字EditText圓角形狀

1 <?xml version="1.0" encoding="utf-8"?> 2 <shape xmlns:android="http://schemas.android.com/apk/res/android" 3 android:shape="rectangle" &g

修改IOS中UISearchBar的取消按鈕背景、搜尋內容輸入文字背景UISearchBar的背景

 轉載請標明出處:http://blog.csdn.net/android_ls/article/details/39993433 測試的手機IOS系統版本號為:6.1.3,實現步驟如下: 1、新增U

Javascript 如何訪問 修改CSS樣式(網頁樣式)

如果想修改某個元素的CSS樣式,建議看一下我寫的另一篇文章: 注意:我說的是修改,而不是訪問。如果是修改的話可以看看上面《補充說明》這篇文章,但如果是訪問的話,就看本文中的這兩種方法,同樣,如果是訪問兼顧修改的話,也只看本文中的兩種方法(這是我瞭解到的兩種方法,如果有其

HTML中 設定文字域的顏色、按鈕顏色、文字提示內容

今天用HTML做了一個新增收貨地址的網頁介面,將大部分人遇到的攔路虎解決了一下 1.如何設定文字域背景顏色    在<textarea></textarea>標籤中新增屬性style=background:#E6E6E6,即可設定為灰色。 2.

VS2010-MFC(對話:創建對話模板修改對話屬性)

生成 col 無需 pan 可見 創建 caption color none 轉自:http://www.jizhuomi.com/software/149.html 對話框,大家應該很熟悉了,在我們常用的軟件中大多都有對話框界面,例如,360安全衛士的主界面其實就

[javascript]javascript取得html元素,取得html樣式修改html樣式

一.取得html元素 詳情見:https://www.jb51.net/article/116460.htm 1.通過ID獲取(getElementById) document.getElementById('id')   2.通過name屬性(getElementsByName

安卓自動提示文字 AutoCompleteTextViewMultiAutoCompleteTextView

AutoCompleteTextView: 支援基本的自動完成功能,適用在各種搜尋功能中,並且可以根據自己的需求設定他的預設顯示資料 MultiAutoCompleteTextView :可支援選擇多個值(在多次輸入的情況下),分別用分隔符分開,並且在每個值選中的時候再次輸入值時會自動去匹

EasyUI文字TextBox組合ComboBox獲取值賦值

1.EasyUI文字框和組合框獲取值是有所不同的,例:   都是通過id獲得,但後面一個是getValues,一個是getValue,獲得的值是id對應的值,如果想獲得選擇的文字,可以用getText代替getValue,已經通過測試。 原因是:組合框combobox可以

JS 以及JQuery 獲取文字,單選按鈕的值

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <me

文字開啟儲存

/* * To change this license header, choose License Headers in Project Properties. * To change this template file, choose Tools

Vue使用樣式內聯樣式

注意: 1.Vue中使用樣式,必須用v-on(縮寫成:)繫結 2.在Js中,物件(無序鍵值對)的類名單引號可以省略,但是屬性名中帶有連字元等其他特殊字元要用引號隔開,推薦全部都用引號,屬性名(鍵值)必須使用單引號隔開。所以都用單引號不會出錯。 <!DOCTYPE

介面元件——文字(TextView)編輯(EditText)

介紹 TextView直接繼承了View,它還是EditText、Button兩個UI元件類的父類。 TextView和EditView均能在介面上顯示文字,只是後者還能提供對此顯示文字的編輯功能。 用例1:基本屬性設定 <?

jQuery + JavaScript 實現的動態新增文字功能 動態刪除文字功能(二)

接著上一篇 來說。首先看一下效果圖: 1,jQuery實現的動態新增文字框和動態刪除文字框的功能-1-操作前.jpg 2,jQuery實現的動態新增文字框和動態刪除文字框的功能-2-新增3個文字框.jpg 3,jQuery實現的動態新增文字框和動態刪除文字

mint-ui message box confirm彈確認取消按鈕的回撥

呼叫mint-ui message box confirm方法後點擊確認和取消後如何執行對應的回撥函式 MessageBox.confirm('', {  message: 'xxx,你確定?',  title: '提示',  confirmButtonText: 'abc'

ionic之如何設定輸入未輸入時按鈕不可點選,有輸入值時按鈕自動變為可點選

首先貼出演示結果: 那麼如何開發這種效果呢?用到了Angular.js中的ng-disabled屬性: 核心程式碼如下: HTML: //提現按鈕部分: <div class="button-standard-container"> <b

angular js 給元素新增樣式移除樣式

angular js 給id元素新增樣式和移除樣式 <li id="send-tab"><a ng-click="showSendMessageList()" data-tog

在js(jquery)中獲得文字焦點失去焦點的方法

$(function() {  $('#searchKey').focus(function() {  $('#lbSearch').text('');  });  $('#searchKey').blur(function() {  var str = $(this).val();  str = $.t

CSS選擇器樣式style屬性樣式優先順序

標籤選擇器 tag{} priority = 1; 類選擇器 .class{} priority = 10; Id選擇器 #id{} priority = 100; style屬性樣式 priority = 1000; priority值可以疊加,例如:.class{}的p

去掉IE10以上文字後的X按鈕

 IE10,IE11瀏覽器當點選input text文字框時,輸入文字後出現一個刪除功能的X按鈕。 去掉input text文字框後的X按鈕的方法:給input text新增如下CSS in