android：ボタンのデザインを変える
AndroidのデフォルトButtonもいいんですが、角を丸くしたいなという時に画像を用意しなくてもデザインを変更出来る方法を紹介します。 使うのは<shape>を使ったxmlファイルです。 上がデザイン変更後のボタンです。 ボタンを押した時、フォーカスされた時、それ以外の状態のボタンを<shape>で作ります。 res/drawable/shape_button.xml <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> android:shape="rectangle"> <item android:state_pressed="true"> <shape android:shape="rectangle"> <gradi
Android shapeタグを使ってボタンの背景色をグラデーションにする方法 | TechBooster
shapeタグを使うと下の図のように、ボタンの背景色をグラデーションにしたり、角を丸くしたりすることが可能です。 ※shapeは「形状」という意味です。 これにより、画像を使わなくても見た目を工夫したアプリケーションを簡単に作ることができるようになります。 単純なグラデーションでも画像ファイルだと高解像度になる場合などはファイルサイズが大きくなってしまいがちですが、 shapeタグを使うことでこうした問題を解決することができます。 詳しい解説は続きからどうぞ。 形状を変える グラデーションをかけたり、ボタンの形を変えたりするにはXMLファイルにボタンの形状について定義し、 その定義内容をボタンに反映させる必要があります。 ボタンの形状を変えるには主に以下のタグを設定します。 shapeタグ android:shapeで形状を指定します。 設定できるのは以下の属性値です。 [table “2
画像素材なしでいい感じのボタンを作れるライブラリ その１ "Imageless Gradient Buttons" - その後のその後
先日の記事の冒頭でも書きましたが、UIKit でサクッと動いて触れるものを使る場合に、UIButton の見た目の選択肢が RoundRect ぐらいしかないのはなかなか辛いものがあります。 そんな場合に役立つ、「画像素材なしでいい感じのボタンをつくれるライブラリ」をいくつか紹介します。 ひとつめは Imageless Gradient Buttons for iOS 。 それっぽいグラデーションのついたボタンを生成できます。 これの便利なところは、UIButton のカテゴリとして作られていて、導入しやすいこと。 Interface Builder では普通に UIButton として作って、Class にはGradientButtonを指定し、 あとはコードの方でメソッドを一つ呼ぶだけ（！）です。 [blackButton useBlackStyle]; useXXXXStyle とい
btn_default.xmlの中身を調べる - nakawai’s diary
ボタンのデザインをする場合のために、デフォルトのボタンがどのように実装されているか調べます。 デフォルトのボタンは、Widget.Buttonというstyleが適用されている。（たぶん） Widget.Buttonスタイルの定義 android:backgroundにて、drawableのbtn_defaultが指定されている。 android.git.kernel.org Git - platform/frameworks/base.git/blob - core/res/res/values/styles.xml 173 <style name="Widget.Button"> 174 <item name="android:background">@android:drawable/btn_default</item> 175 <item name="android:focusabl
Android Button の色や画像を変える
Button の背景を別の色や画像に変えるには、 2つ方法があります。 最も単純な方法は Button タグのパラメータで android:background="@drawable/button_image" や android:background="#ff0000ff" のように画像や background を指定する方法です。 しかし、この場合だとボタンにフォーカスがあった 場合やボタンが押された場合でも変化がありません。 そこで、ボタンにフォーカスがあった場合や、 ボタンが押された場合の色や画像を指定する方法があります。 わかりやすくするために、色の場合と画像の場合で 分けて書きます。 ・色の場合 まず、次のような xml ファイルを drawable/ に作ります。 color_stateful.xml <?xml version="1.0" encoding="utf-8"
お手軽高機能！Closure UI【goog.ui.Button】 | DevelopersIO
デモコード index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>goog.ui.Button</title> <script src="http://closure-library.googlecode.com/svn/trunk/closure/goog/base.js"></script> <script> goog.require('goog.events'); goog.require('goog.events.EventType'); goog.require('goog.ui.decorate'); goog.require('goog.ui.Button'); goog.require('goog.ui.FlatButtonRenderer'); goog.require('goog.u
)
ボタンの画像変更(CheckBox,RadioButton) - Android Wiki*
ボタン画像作成 それぞれの状態のボタン画像を作成します。 ボタンがONの状態 ボタンがONかつ押されている状態 ボタンがOFFの状態 ボタンがOFFかつ押されている状態 作成したボタン画像をdrawableフォルダに配置します。 画像定義 画像をxmlに定義します。itemの(1)と(2)、(3)と(4)の順番が逆の場合はボタンを押している状態の画像が表示されなくなりますので注意してください。 作成したxmlファイルはdrawableフォルダに配置します。 button.xml <?xml version="1.0" encoding="UTF-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <!-- (1) --> <item android:state_checked="true" a
Android開発 Buttonにxmlでグラデーションを設定する
2011年04月26日01:23 カテゴリAndroid Android開発 Buttonにxmlでグラデーションを設定する ■作るもの アプリのボタンデザインがデフォルトと同じでは寂しいので少し手を加えます。ここでは画像を使わずに、xmlでデザインする方法を考えます。目標は「ボタンに"押された感じ"を出すこと」です。 ■完成イメージ ここで書いた方法でこのアプリのボタンを作りました。実際に触ってみると分かりやすいと思います。 PCからAndroid Marketに行く Android携帯からAndroid Marketに行く ○ボタンが押される前 ○ボタンが押された時 ■ボタンを「’押した」と感じるために Androidのデフォルトのボタンは次のような挙動です。 ・通常時、下が濃い色のグラデーション ・ボタンが押されると、グラデーションの濃淡が上下逆転する これを参考にします。今回はこれ
jQuery UIのダイアログで特定のボタンをデフォルトにする方法
====================================================== 漢(オトコ)のコンピュータ道: 地震による災害復旧に対して今我々が出来ること。 ====================================================== jQuery UIのダイアログを使って見て、デフォルトボタンの指定をするオプションが見当たらなかったので、調査した結果をメモ。 今回の情報元： javascript - jquery-ui Dialog: Make a button in the dialog the default action (Enter key) - Stack Overflow javascript - Submit jQuery UI dialog on <Enter> - Stack Overflow 調べた結果に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
CSSベースのかっこいいボタンがぱっと簡単に作成できるオンラインサービス -Twitter Bootstrap Button Generator
http://www.idocsq.net/page/284