popuwindow的使用方法

popuwindow的使用方法
//popwindow下拉列表,属于组合式控件
/*
1.首先添加butterknife的依赖,取消掉ActionBar,使用toolbar代替
2.完成整体的布局,初始化控件,设置点击事件
3.初始化popwindow所要显示的数据
4.初始化popwindow控件的设置
5.popwindow与listview相关联
6.三个popwindow所依附的linearlayout,根据点击事件,做对应逻辑处理(改变textview的颜色,显示效果)
*/
MainActivity主方法
public class MainActivity extends AppCompatActivity {

@Bind (R.id. supplier_list_product_tv )
TextView mProductTv ; // 可以修改名称
@Bind (R.id. supplier_list_product )
LinearLayout mProduct ;
@Bind (R.id. supplier_list_sort_tv )
TextView mSortTv ; // 可以修改名称
@Bind (R.id. supplier_list_sort )
LinearLayout mSort ;
@Bind (R.id. supplier_list_activity_tv )
TextView mActivityTv ; // 可以修改名称
@Bind (R.id. supplier_list_activity )
LinearLayout mActivity ;
@Bind (R.id. supplier_list_lv )
ListView mSupplierListLv ;
private ArrayList> menuData1 ;
private ArrayList> menuData2 ;
private ArrayList> menuData3 ;
private PopupWindow mPopMenu ;
private ListView mpoplistview ;
private SimpleAdapter mMenuAdapter1 ;
private SimpleAdapter mMenuAdapter2 ;
private SimpleAdapter mMenuAdapter3 ;


@Override
protected void onCreate(Bundle savedInstanceState) {
super .onCreate(savedInstanceState);
setContentView(R.layout. activity_main );
ButterKnife. bind ( this );
//初始化popwindow所要显示的数据
initData();
//初始化popwindow控件
initPopMenu();
}
//初始化popwindow
private void initPopMenu() {
//把包裹listview布局的xml文件转换为view对象
View popview = LayoutInflater. from ( this ).inflate(R.layout. popwin_list , null );
//创建popwindow对象,参数1 popwindow要显示的布局 参数2 3 定义popwindow宽和高
mPopMenu = new PopupWindow(popview, LinearLayout.LayoutParams. MATCH_PARENT , LinearLayout.LayoutParams. MATCH_PARENT );
//设置popwindow外部可以点击
mPopMenu .setOutsideTouchable( true );
//设置popwindow里面的listview有焦点
mPopMenu .setFocusable( true );
//如果想让popwindow有动画效果,就必须有这行代码
mPopMenu .setBackgroundDrawable( new ColorDrawable());
//设置popwindow结束时的监听
mPopMenu .setOnDismissListener( new PopupWindow.OnDismissListener() {
@Override
public void onDismiss() {
//设置TextView的颜色,把所有LinearLayout的文本颜色该为灰色
mProductTv .setTextColor(Color. parseColor ( "#5a5959" ));
mSortTv .setTextColor(Color. parseColor ( "#5a5959" ));
mActivityTv .setTextColor(Color. parseColor ( "#5a5959" ));
}
});
//设置点击popwindow以外的地方,使popwindow消失
LinearLayout list_bottom = (LinearLayout) popview.findViewById(R.id. popwin_supplier_list_bottom );
list_bottom.setOnClickListener( new View.OnClickListener() {
@Override
public void onClick(View view) {
//当点击到灰色区域时 popwindow消失
mPopMenu .dismiss();
}
});
//获取listview对象
mpoplistview = (ListView) popview.findViewById(R.id. popwin_supplier_list_lv );
//创建simpleadapter,一个listview安卓原生封装的适配器
mMenuAdapter1 = new SimpleAdapter( this , menuData1 , R.layout. item_listview_popwindow , new String[]{ "name" }, new int []{R.id. listview_popwind_tv });
mMenuAdapter2 = new SimpleAdapter( this , menuData2 , R.layout. item_listview_popwindow , new String[]{ "name" }, new int []{R.id. listview_popwind_tv });
mMenuAdapter3 = new SimpleAdapter( this , menuData3 , R.layout. item_listview_popwindow , new String[]{ "name" }, new int []{R.id. listview_popwind_tv });
//设置popwindow里的listview点击事件,当点击listview里的一个item时,把这个item数据显示到最上方
mpoplistview .setOnItemClickListener( new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView adapterView, View view, int i, long l) {
//首先让popwindow消失
mPopMenu .dismiss();
switch ( menuIndex ){
case 0 :
String currentProduct = menuData1 .get(i).get( "name" );
mProductTv .setText(currentProduct);
break ;
case 1 :
String currentsort = menuData2 .get(i).get( "name" );
mSortTv .setText(currentsort);
break ;
case 2 :
String currentActivity = menuData3 .get(i).get( "name" );
mActivityTv .setText(currentActivity);
break ;
}

}
});
}
//设置一个标记,方便对点击不同linearlayout做相应操作
private int menuIndex = 0 ;
//初始化数据,popwindow所需,一共有三个,所以我要封装好三个数据,这里是假数据,真实数据从网上获取
private void initData() {
//创建一个存放popwindow加载数据的大盒子,map集合(键,值)
menuData1 = new ArrayList<>();
//存放String的字符串数组
String[] menuStr1 = new String[]{ "全部" , "粮油" , "衣服" , "图书" , "电子产品" ,
"酒水饮料" , "水果" };
//创建一个小盒子,放编号和值
Map map1;
for ( int x= 0 ;x length ;x++){
map1= new HashMap();
map1.put( "name" ,menuStr1[x]);
menuData1 .add(map1);
}
//创建一个存放popwindow加载数据的大盒子,map集合(键,值)
menuData2 = new ArrayList<>();
//存放String的字符串数组
String[] menuStr2 = new String[]{ "综合排序" , "配送费最低" };
//创建一个小盒子,放编号和值
Map map2;
for ( int x= 0 ;x length ;x++){
map2= new HashMap();
map2.put( "name" ,menuStr2[x]);
menuData2 .add(map2);
}
//创建一个存放popwindow加载数据的大盒子,map集合(键,值)
menuData3 = new ArrayList<>();
//存放String的字符串数组
String[] menuStr3 = new String[]{ "优惠活动" , "特价活动" , "免配送费" ,
"可在线支付" };
//创建一个小盒子,放编号和值
Map map3;
for ( int x= 0 ;x length ;x++){
map3= new HashMap();
map3.put( "name" ,menuStr3[x]);
menuData3 .add(map3);
}
//测试是否有问题
String name = menuData3 .get( 0 ).get( "name" );
System. out .println( "name----" +name);
}

@OnClick ({R.id. supplier_list_product , R.id. supplier_list_sort , R.id. supplier_list_activity })
public void onClick(View view) {
switch (view.getId()) {
//第一个popwindow所执行的点击后的逻辑
case R.id. supplier_list_product :
//设置其textview点击是红色
mProductTv .setTextColor(Color. RED );
//设置popwindow里的lisyview适配器
mpoplistview .setAdapter( mMenuAdapter1 );
//让popwindow显示出来 参数1.view对象 决定了popwindow在哪个控件下显示
//参数2 3 决定了popwindow的坐标 x轴 y轴
mPopMenu .showAsDropDown( mProduct , 0 , 2 );
menuIndex = 0 ;
break ;
case R.id. supplier_list_sort :
mSortTv .setTextColor(Color. RED );
mpoplistview .setAdapter( mMenuAdapter2 );
mPopMenu .showAsDropDown( mProduct , 0 , 2 );
menuIndex = 1 ;
break ;
case R.id. supplier_list_activity :
mActivityTv .setTextColor(Color. RED );
mpoplistview .setAdapter( mMenuAdapter3 );
mPopMenu .showAsDropDown( mProduct , 0 , 2 );
menuIndex = 2 ;
break ;
}
}

}
activity_main布局
xml version= "1.0" encoding= "utf-8" ?>
< LinearLayout xmlns: android = "http://schemas.android.com/apk/res/android"
android :orientation= "vertical"
android :layout_width= "match_parent" android :layout_height= "match_parent" >
< android.support.v7.widget.Toolbar
android :background= "@color/colorAccent"
android :layout_width= "match_parent"
android :layout_height= "45dp" >
< TextView
android :textSize= "20sp"
android :text= "周边"
android :layout_gravity= "center_horizontal"
android :textColor= "@color/white"
android :layout_width= "wrap_content"
android :layout_height= "wrap_content" />
android.support.v7.widget.Toolbar >
< View
android :layout_width= "match_parent"
android :layout_height= "1dp"
android :background= "#E2E2E2"
/>

< LinearLayout
android :layout_width= "match_parent"
android :layout_height= "40dp"
android :background= "@color/white"
android :orientation= "horizontal"
>

< LinearLayout
android :id= "@+id/supplier_list_product"
android :layout_width= "0dp"
android :layout_height= "match_parent"
android :layout_weight= "1"
android :gravity= "center"
android :orientation= "horizontal"
>

< TextView
android :id= "@+id/supplier_list_product_tv"
android :layout_width= "wrap_content"
android :layout_height= "wrap_content"
android :text= "全部"
android :textSize= "14dp"
/>

< ImageView
android :layout_width= "25dp"
android :layout_height= "25dp"
android :src= "@drawable/t1" />
LinearLayout >

< LinearLayout
android :id= "@+id/supplier_list_sort"
android :layout_width= "0dp"
android :layout_height= "match_parent"
android :layout_weight= "1"
android :gravity= "center"
android :orientation= "horizontal"
>

< TextView
android :id= "@+id/supplier_list_sort_tv"
android :layout_width= "wrap_content"
android :layout_height= "wrap_content"
android :text= "综合排序"
android :textSize= "14dp"
/>

< ImageView
android :layout_width= "25dp"
android :layout_height= "25dp"
android :src= "@drawable/t1" />
LinearLayout >

< LinearLayout
android :id= "@+id/supplier_list_activity"
android :layout_width= "0dp"
android :layout_height= "match_parent"
android :layout_weight= "1"
android :gravity= "center"
android :orientation= "horizontal"
>

< TextView
android :id= "@+id/supplier_list_activity_tv"
android :layout_width= "wrap_content"
android :layout_height= "wrap_content"
android :text= "优惠活动"
android :textSize= "14dp"
/>

< ImageView
android :layout_width= "25dp"
android :layout_height= "25dp"
android :src= "@drawable/t1" />
LinearLayout >
LinearLayout >


< View
android :layout_width= "match_parent"
android :layout_height= "1dp"
android :background= "#E2E2E2"
/>

< ListView
android :id= "@+id/supplier_list_lv"
android :layout_width= "match_parent"
android :layout_height= "match_parent"
android :layout_marginTop= "10dp"
android :cacheColorHint= "#00000000"
android :divider= "#f0f0f0"
android :dividerHeight= "10dp"
android :fadingEdge= "none"
android :listSelector= "#00000000"
android :scrollbarStyle= "outsideOverlay"
android :scrollingCache= "false"
>
ListView >

LinearLayout >
item_listview_popwindow布局
xml version= "1.0" encoding= "utf-8" ?>
< LinearLayout
xmlns: android = "http://schemas.android.com/apk/res/android"
android :layout_width= "match_parent"
android :layout_height= "wrap_content"
android :background= "#ffffff"
android :orientation= "vertical" >

< TextView
android :id= "@+id/listview_popwind_tv"
android :layout_width= "match_parent"
android :layout_height= "45dp"
android :layout_marginLeft= "15dp"
android :layout_marginRight= "15dp"
android :gravity= "center_vertical"
android :text= "地点"
android :textColor= "#5a5959"
android :textSize= "18dp" />

< View
android : layout_width = "match_parent"
android :layout_height= "1dp"
android :layout_marginLeft= "15dp"
android :layout_marginRight= "15dp"
android :background= "#E2E2E2" />

LinearLayout >
popwin_list
xml version= "1.0" encoding= "utf-8" ?>
< LinearLayout xmlns: android = "http://schemas.android.com/apk/res/android"
android :orientation= "vertical" android :layout_width= "match_parent"
android :background= "#5000"
android :layout_height= "match_parent" >
< ListView
android :id= "@+id/popwin_supplier_list_lv"
android :layout_width= "match_parent"
android :layout_height= "wrap_content"
android :cacheColorHint= "#00000000"
android :divider= "#0000"
android :dividerHeight= "0dp"
android :fadingEdge= "none"
android :listSelector= "#00000000"
android :scrollbarStyle= "outsideOverlay"
android :scrollbars= "none"
android :scrollingCache= "false"
>
ListView >

< LinearLayout
android :id= "@+id/popwin_supplier_list_bottom"
android :layout_width= "match_parent"
android :layout_weight= "1"
android :layout_height= "0dp"
android :orientation= "vertical"
>
LinearLayout >

LinearLayout >

你可能感兴趣的:(popuwindow的使用方法)