AndroidのUI系ライブラリ、DialogPlusを使ってみる。
ボタンやアイコンを押して、情報を表示させるときに
画面の下から、上に向かって伸びていくメニューが欲しかった。
いつもの
compile 'com.orhanobut:dialogplus:1.10@aar'
import android.content.Context; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.view.LayoutInflater; import android.view.Menu; import android.view.MenuItem; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.TextView; import com.orhanobut.dialogplus.DialogPlus; import com.orhanobut.dialogplus.OnItemClickListener; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); SimpleAdapter adapter = new SimpleAdapter(this); DialogPlus dialog = DialogPlus.newDialog(this) .setAdapter(adapter) .setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(DialogPlus dialog, Object item, View view, int position) { } }) .setExpanded(true) // This will enable the expand feature, (similar to android L share dialog) .create(); dialog.show(); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.menu_main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); //noinspection SimplifiableIfStatement if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } public class SimpleAdapter extends BaseAdapter { private LayoutInflater layoutInflater; private boolean isGrid; public SimpleAdapter(Context context) { layoutInflater = LayoutInflater.from(context); } @Override public int getCount() { return 6; } @Override public Object getItem(int position) { return position; } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder viewHolder; View view = convertView; view = layoutInflater.inflate(R.layout.simple_list_item, parent, false); viewHolder = new ViewHolder(); viewHolder.textView = (TextView) view.findViewById(R.id.text_view); viewHolder.imageView = (ImageView) view.findViewById(R.id.image_view); view.setTag(viewHolder); Context context = parent.getContext(); switch (position) { case 0: viewHolder.textView.setText("テスト1"); viewHolder.imageView.setImageResource(R.mipmap.ic_launcher); break; case 1: viewHolder.textView.setText("テスト2"); viewHolder.imageView.setImageResource(R.mipmap.ic_launcher); break; default: viewHolder.textView.setText("テスト3"); viewHolder.imageView.setImageResource(R.mipmap.ic_launcher); break; } return view; } class ViewHolder { TextView textView; ImageView imageView; } } }
simple_list_item.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" android:layout_gravity="center_vertical" android:gravity="center_vertical" android:padding="8dp"> <ImageView android:id="@+id/image_view" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@mipmap/ic_launcher" android:layout_marginRight="8dp" android:layout_marginLeft="8dp"/> <TextView android:id="@+id/text_view" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_vertical" android:textColor="@android:color/black" android:textSize="18sp"/> </LinearLayout>
表示場所を変更する
中央表示
.setGravity(Gravity.CENTER)
上から下へ
.setGravity(Gravity.TOP)
下から上へ
.setGravity(Gravity.BOTTOM)
ちょっとだけ表示する。
.setExpanded(true, 1200) //表示する高さを指定できる。
ぜんぶ表示する。
.setExpanded(false)
表示するダイアログに、ヘッダーやフッターを追加することができる。
それぞれ、layoutファイルを用意します。
header.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout android:id="@+id/header_container" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#ff0000" android:orientation="horizontal" android:padding="@dimen/activity_horizontal_margin"> <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="ダイアログのタイトル" android:textColor="#ffffff" android:textSize="17sp"/> </LinearLayout>
footer.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:orientation="horizontal" android:layout_height="wrap_content" android:background="@android:color/white" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="10dp" android:paddingBottom="10dp"> <Button android:id="@+id/footer_close_button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="閉じる" android:textSize="10sp" /> <Button android:id="@+id/footer_confirm_button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="追加" android:textSize="10sp" /> </LinearLayout>
DialogPlus dialog = DialogPlus.newDialog(this) .setAdapter(adapter) .setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(DialogPlus dialog, Object item, View view, int position) { Toast.makeText(getApplicationContext(), String.valueOf(position) + "をクリックしましたね?", Toast.LENGTH_SHORT).show(); } }) .setHeader(R.layout.header) .setFooter(R.layout.footer) .setGravity(Gravity.BOTTOM) .setExpanded(false) .create(); dialog.show();