how to change a drawableLeft icon size on a button?
I added some icons on 4 buttons and they look so big next to the button. So how can I resize them? I used drawableLeft on the buttons to add icons. The drawables are called deal, trophy, puzzle and megaphone. The icons are too big. The content_main.xml file: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.a
【Android】 画像を使わず縦の点線を引く | 日本VTR実験室
こんにちわ。pencoです。 今回は layout の xml に縦の点線を引く方法について書いていきたいと思います。 LinearLayout などのレイアウトのルートに使う(背景になる)要素に何か表示したいと思ったら、background に画像を設定するのが手っ取り早い手段ですよね。 でもそれだとリソースもメモリも食うので、xml でなんとかしたい！と思いやってみました。 今回の目標 今回の完成イメージはこんな感じです。 状態を説明しますと、リストビューに後からビューを追加して、そのビューの左端に区切り線として縦の点線を引きたかったのです。この追加したビューの設定を説明していきます。 設定 まず、追加したビューの xml から見ていきます。 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http
[Android アプリの UI デザイン] Layer List の作りかたのまとめと Tips | DevelopersIO
Layer List について Layer List とは画像などをレイヤー構成で重ねることができるリソースです。複数の画像をひとつのリソースとして取り扱うことができます。 うまく使うととっても便利ですし、リソースの削減にもなるのでぜひとも使いこなしたいところです。 そんな便利な Layer List の作りかたと Tips をまとめてみました！ Layer List の作りかたの基本 ということで早速 Layer List の作りかたを学んでいきましょう。ご存知のかたは復習がてらにさらりと目を通していただければ幸いです。 お試しとして以下のような2つの画像から構成される Layer List を作ってみたいと思います！角丸の付きの黒いグラデーションの背景に Droid くんが乗っかってるような構成です。 XML で作る XML で作る場合は layer-list タグを使います。そのタグ
![[Android アプリの UI デザイン] Layer List の作りかたのまとめと Tips | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/b2398c3157fe0985ca54950c69d2a36b2ac7f003/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F04%2Fcatch.png)
AppCompat でカラーの Raised Button を設定する正しい方法
http://www.google.com/design/spec/components/buttons.html#buttons-flat-raised-buttons まとめ ボタンの文字は android:textAppearanceButton（文字サイズは 14sp、文字色は textColorPrimary） ボタンの色は colorButtonNormal 4以下にも適用される テーマ直下の属性なので、全部のボタンに適用されてしまうのが難点 1. 背景が Light でボタンのテキストが Dark <style name="AppTheme" parent="Theme.AppCompat.Light"> <item name="colorButtonNormal">#2196F3</item> </style> 2. 背景が Light でボタンのテキストが Dark（Di
Androidアプリデザインを始める前に知っておきたい4つのこと | 東京のホームページ制作 / WEB制作会社 BRISK
Androidアプリをデザインしよう！と思い立っても、ウェブデザイナーさんがいつものように作ろうとすると上手くいきません。 Androidアプリのための特有の知識が必要だからです。 が、ちょっと調べてみると知らないことが大量に出てきて焦りますよね。 そこで、Androidアプリデザインを始める前に、最低限これだけ学べば何とかなる！という4つのポイントをまとめてみました。 Contents dpi・dipとは何pxでデザインするか画像の書き出し方法画像を綺麗に拡大できる9-patch 1.dpi・dipとは★dpi = dots per inch (1インチあたりのドット数) 1インチの中にいくつドットが入っているかを表す画面密度の単位。 ★dip(dp) = density-independent pixels（密度に依存しないピクセル） 画面密度が異なる端末間でも表示サイズをいい感じに揃
初めてAndroidアプリをデザインするときの基本の「き」 | keisuke tsukayoshi
Androidアプリのデザインを初めてするときに知っておきたいようなtipsを中心にまとめてみました。ぼくもあんまりAndroidアプリのデザインには慣れてはいないのですが、最近本格的にとりかかる機会があり、わからないながらもあれこれ調べてメモしていたものをまとめました。 これから初めてAndroidアプリをデザインするデザイナーさんが安心して作業にとりかかれるようになればいいなぁ。 デザインを始める前に知っておきたいこと まずAndroidのアプリデザインをする上でハードウェア（ディスプレイ）について理解する必要があります。単にディスプレイといってもAndroidには画面密度が複数あり、見かけ上同じサイズに見えても密度が違っていることがあります。これはiPhoneでいうところのRetinaと非Retinaみたいな感じ。 ここを理解できるかが鬼門ですが、考え方さえわかってしまえば簡単なので
【Android】いまさら聞けないdp入門 - Qiita
dpとは？ Androidのデザインにおいて、必ず理解しておくべきポイントのひとつがdpについてです。 dp(density-independent pixels)とは密度非依存ピクセルのことで、dipとも呼ばれています。 Androidはこのdpのおかげで多用な端末をサポートできているのです。 dpのない世界 - 端末の解像度ごとに表示サイズが違う dpのある世界 - 端末の解像度が違っても表示サイズは保たれる Supporting Multiple Screens | Android Developers More Resource Types | Android Developers px、dpi、dp dpを理解する上で欠かせない要素がpx(ピクセル)とdpi(画面密度)です。 px px(pixel)というのはハードウェアで実装されている解像度そのものです。ピクセルとも言います。
Parallaxでリッチなチュートリアルを作成する - メモ2ブログ
時々見かける、手が込んでる感じがするチュートリアルを作成するためのチュートリアルです。 6つのパターンを紹介します。GitHubに上がっているコードを元に説明します。 github.com 背景をグラデーションさせる インジケーターを表示する インジケーターを変形させる Viewをアニメーションさせる Viewを指定位置へアニメーションさせる 視差を使う 基本的な構成として、ViewPagerと、アダプターにFragmentPagerAdapterを使っています。 なので子要素はFragmentです。 背景をグラデーションさせる GradationActivity 以前紹介したArgbEvaluatorを利用しています。 sakebook.hatenablog.com 2色間のグラデーションを行うので、 画面数+1の色の配列を用意 するのがポイントです。 今回の例だと画面数が5つなので、6
Android Viewとは（ViewとViewGroupの関係性） | Androidアプリ開発入門 -ANDROID ROID-
Androidアプリケーションの画面は、Viewと呼ばれるUI部品が組み合わさって作られています。 画面のレイアウトを構成するものや、テキストボックスやボタンなど、これらはすべてViewに属します。 Androidアプリ開発では、主に以下の2種類のViewを使用します。 ■ViewGroup：複数のViewを含むことができ、配置（レイアウト）を管理できるクラス ■View：TextViewクラスやButtonクラスなどの単一のViewクラスで、Viewを含むことはできない イメージに示すと以下のようになります。 ☆イメージの解説 LinearLayoutクラスはViewGroupに属するクラスで、 内包するViewを縦一列に並べたり、横一列に並べて表示することができます。 LinearLayoutの中に2つのLinearLayoutを含み、縦一列に表示しています。 含まれている1つ目のLi
【Mac版】初心者のためのAndroid Studioインストール方法まとめ
更新日: 2019年3月28日公開日: 2015年8月17日【Mac版】初心者のためのAndroid Studioインストール方法まとめ 以前は「Androidアプリ開発」といえばEclipseという統合開発環境（IDE=Integrated Development Environment）で開発したものですが，現在ではGoogle公式の「Android Studio」で開発することが多くなってきました。 Googleも公式にEclipseにおける開発のサポートを打ち切ることを表明しています。（http://android-developers.blogspot.com.au/2015/06/an-update-on-eclipse-android-developer.html） こういう事情もあり，今からAndroidアプリ開発を始める方はもはやAndroid Studioを使うのがよい
[Android] Android Studio をMacにインストールする | nyanのアプリ開発の簡単説明
尚、Googleのサイトはデザインや設定方法などの変更を頻繁に行いますが、基本的やるべきことはあまり変わりませんのでその点を理解して進めてください。 ライセンス画面となります。同意し、左下にチェックを入れると ダウンロードボタンが有効になります。ここで使用しているMacによってダウンロードを選択します。 Mac with intel chip: Intel Core の古めのMac Mac with Apple chip: M1 chip の新しいMac(M1, M2チップ) どうしてもわからない場合は、画面左上にあるりんごアイコンから 「このMacについて」を開くと「プロセッサ」あるいは「チップ」に表示されています。 クリックすると、ダウンロードが始まります 他にもそのページ下の方にあるdmgファイルを直接ダウンロードしてもできます。 android-studio-ide-xxx.yyy
![[Android] Android Studio をMacにインストールする | nyanのアプリ開発の簡単説明](https://cdn-ak-scissors.b.st-hatena.com/image/square/d8d7477a1d18bb381737c69b18e0e8fa01213479/height=288;version=1;width=512/https%3A%2F%2Fakira-watson.com%2Fwp-content%2Fuploads%2F2015%2F03%2FpcOkinawa.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://materialdoc.com/components/buttons/
Androidデザインガイドラインで使われているサイズ群まとめ - Qiita
Android - ImageView bottomCrop instead of centerCrop
404
Andoridでcocos2dxを動かすためにEclipseなどの動作環境を設定する。 | albatrus.com