0

iOS アプリでは、次のようなボタンが表示されました。

ここに画像の説明を入力

Androidでも同じことをしたいのですが、どうすればこれを達成できますか? 私が試したのは次のコードです:

<Button
    android:id="@+id/widget41"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:text="Email1 testmail@gmail.com"
    android:textStyle="bold" />

次のようになります。

ここに画像の説明を入力

普通の(醜い)ボタンです。どうすればiOSのようにスタイルできるかわかりません。提案やリンクをいただければ幸いです。

4

5 に答える 5

4

最善の解決策は、iOS 対応のように動作する独自のカスタム ビューを作成することです (ただし、他のユーザーが言及したように、Android には独自の設計ガイドラインがあり、表示されているビューはそのために設計された iOS 実装です)プラットホーム)。

ここに画像の説明を入力

上の iOS 画像 (いくつかの部分が強調表示されたコピー) を見ると、いくつかのセクションに分割されています。

ViewGroupのようなAndroid を使用LinearLayoutして全体的な画像を作成しLinearLayout、境界線または背景を指定できます (たとえば、角丸四角形のビットマップ画像にすることができます (これを複数の画面に合わせる方法の例については、Android Nine Patchを参照してください)。 .

  1. まず、メール アイコンにはLeftAligned ImageView 、適切な寸法の が必要です。
  2. 次にBold TextView、テキスト「Email1」を含む があります。
  3. これに続いて別のTextView青 が続き、 elipsize(Android XML レイアウトで定義されているように) プロパティ を使用"..."して、テキストが消費できる最大幅に達したときに最後に作成します。( android:ellipsize="end"XML で使用)
  4. ImageView 最後に、適切なサイズのインジケータ イメージがあります。

を使用してこれを実現することもできRelativeLayoutます.RightAlignLeftAlign

背景のナインパッチ使用例はこちら

于 2013-01-07T16:17:19.297 に答える
1

それはUITableViewiOSにあります(AndroidのようListViewに)。それはあなたが行うリストアイテムのデザインに依存します。ButtonAndroid にはそのような Controlはありません。

于 2013-01-07T15:32:33.667 に答える
0

まあ、他の人が明確に述べているように、Android にはこのようなデフォルトのボタンはなく、iOS にもありません。デザインがすべてです。何でも可能です。最終的には、それを達成するためにどこまで進んでいくかです。

以下は、あなたのデザインに近い簡単なコードです。

 <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_margin="5dp"
        android:background="@drawable/text_background"
        android:drawableLeft="@drawable/envelope"
        android:drawablePadding="10dp"
        android:drawableRight="@drawable/right_arrow"
        android:ellipsize="end"
        android:gravity="center_vertical"
        android:text="@string/email" />

LinearLayoutビュー全体が aまたは a のいずれかの ViewGroup でRelativeLayoutある可能性があり、その中に複数TextViewの およびが存在する可能性があるなど、他の方法もある可能性がありImageViewます。

于 2013-01-07T15:56:35.797 に答える
0

独自のボタンを iOS のもののようにデザインする必要があります。

Android には独自の設計ガイドラインがあります。

http://developer.android.com/design/patterns/pure-android.html

于 2013-01-07T15:39:53.153 に答える
-1

これは、様式化された Android ボタンを作成するためのチュートリアルです角を丸くしたり、背景色を iOS のボタンのように変更したりできます。

ここに同様の質問があります。

お役に立てれば。

于 2013-01-07T15:39:01.280 に答える