web-dev-qa-db-ja.com

カスタムxmlビューを使用してAndroid）にAlertDialogを作成します

enter image description here

Androidでこのようなダイアログを作成するにはどうすればよいですか？私の考えは、カスタムxmlビューを作成し、それをダイアログに拡張することです。他の提案はありますか？ダイアログの中央にある「ドラッグライン」とは何ですか？本当に必要です。

前もって感謝します

androidxmlandroid-alertdialogandroid-custom-view
6
Quinn Wei

参考までに以下のコードを試してください。

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
    Android:orientation="vertical" >

    <Button
        Android:id="@+id/buttonShowCustomDialog"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:text="Show Custom Dialog" />

</LinearLayout>

dialog.xml：ダイアログで好きなようにデザインを作成します。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent" >

    <ImageView
        Android:id="@+id/image"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_marginRight="5dp" />

    <TextView
        Android:id="@+id/text"
        Android:layout_width="fill_parent"
        Android:layout_height="wrap_content"
        Android:textColor="#FFF" 
        Android:layout_toRightOf="@+id/image"/>/>

     <Button
        Android:id="@+id/dialogButtonOK"
        Android:layout_width="100px"
        Android:layout_height="wrap_content"
        Android:text=" Ok "
        Android:layout_marginTop="5dp"
        Android:layout_marginRight="5dp"
        Android:layout_below="@+id/image"
        />

</RelativeLayout>

主な活動：

public class MainActivity extends Activity {

    final Context context = this;
    private Button button;

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        button = (Button) findViewById(R.id.buttonShowCustomDialog);

        // add button listener
        button.setOnClickListener(new OnClickListener() {

          @Override
          public void onClick(View arg0) {

            // custom dialog
            final Dialog dialog = new Dialog(context);
            dialog.setContentView(R.layout.dialog);
            dialog.setTitle("Title...");

            // set the custom dialog components - text, image and button
            TextView text = (TextView) dialog.findViewById(R.id.text);
            text.setText("Android custom dialog example!");
            ImageView image = (ImageView) dialog.findViewById(R.id.image);
            image.setImageResource(R.drawable.ic_launcher);

            Button dialogButton = (Button) dialog.findViewById(R.id.dialogButtonOK);
            // if button is clicked, close the custom dialog
            dialogButton.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    dialog.dismiss();
                }
            });

            dialog.show();
          }
        });
    }
}
18
Pratik Dasa

Alert DialogとInflate Custom Layoutを作成し、レイアウトをAlert Dialogに設定します。

参照用のいくつかのデモ例へのリンクは次のとおりです

ドラッグラインはAndroidではProgress Bar/Seek Barと呼ばれます。これをレイアウトに追加して、進行状況を処理できます。

2
M D

これは、Holoテーマを使用している場合のAndroidの標準ダイアログだと思います。アプリケーションにholoテーマを使用するだけで、機能するはずです。

これをマニフェストファイルAndroid：theme = "@ Android：style /Theme.Holo"のアプリケーションタグに追加します

0
Ajit Pratap Singh