Android系統默認對話框添加圖片

開發工具Android Studiojava

今天公司UI要求軟件對話框改爲加圖片的,之前沒有作過,因此就學習了一下,廢話很少說,android

看效果:微信

 

 

建立XML文件dialog_lsit_item.xmlide

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/my_dialog_shape">

        <ImageView
            android:id="@+id/iv_dialog"
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:paddingLeft="20dp"
            android:gravity="center"/>
        <TextView
            android:gravity="center"
            android:id="@+id/tv_dialog"
            android:layout_width="wrap_content"
            android:layout_height="50dp"
            android:textSize="20sp"
            android:layout_marginLeft="14dp"/>

</LinearLayout>工具

Main_activity.xml佈局文件佈局

<TextView
    style="@style/itemTextLeft"
    android:layout_width="wrap_content"
    android:layout_height="@dimen/dp_40"
    android:drawableLeft="@mipmap/zhifufangshi"
    android:drawablePadding="@dimen/dp_10"
    android:text="@string/text_zhifufangshi" />

<TextView
    android:id="@+id/fangshi"
    android:clickable="true"
    style="@style/itemTextLeftNext"
    android:layout_width="match_parent"
    android:layout_height="@dimen/dp_40"
    android:gravity="center_vertical|end"
    android:drawablePadding="@dimen/dp_10" />

MainActivity.java源文件學習

//支付對話框 icon or text
private String[] datas = {"微信支付", "支付寶支付", "餘額支付"};
private int[] images = {R.drawable.weixinzhifu, R.drawable.zhifubaozhifu, R.drawable.yuezhifu};
private List<Map<String, Object>> listItem;
 
public class MainActivity extends BaseActivity implements View.OnClickListener{
 
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
        initView();
}
@Override
protected void initView() {
 
        findViewById(R.id.fangshi).setOnClickListener(this);
 
}
 
@Override
public void onClick(View view) {
    if (view != null) {
        switch (view.getId()) {      
               case R.id.fangshi:
                       showFangshi();
                       break;
               }
}
 
//選擇支付方式
private void showFangshi() {
    listItem = new ArrayList<Map<String, Object>>();
    for (int i = 0; i < datas.length; i++) {
        Map<String, Object> map = new HashMap<>();
        map.put("data", datas[i]);
        map.put("image", images[i]);
        listItem.add(map);
    }
    SimpleAdapter simpleAdapter = new SimpleAdapter(this, listItem, R.layout.dialog_list_item,
            new String[]{"data", "image"}, new int[]{R.id.tv_dialog, R.id.iv_dialog});
    //自定義列表對話框
    AlertDialog.Builder builder = new AlertDialog.Builder(this).setAdapter(simpleAdapter,
            new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
            //Toast.makeText(MainActivity.this, "選中了:"+datas[which].toString(),Toast.LENGTH_SHORT).show();
            //支付方式那行顯示名稱
            fangshi.setText(datas[which]);
            //支付方式賦值
            payType = which;
            //關閉對話框
            dialog.dismiss();
        }
    });
    builder.create().show();
}

注意:支付方式那行顯示名稱——關閉對話框 裏邊的變量是我寫好的 用的時候能夠註釋 解除Toast註釋。因公司軟件  我只是截取部分  用來講明這個效果 就不上源碼文件了,感謝!有問題能夠私信我!開發工具

相關文章
相關標籤/搜索