自定义Title
1. 定义Title的布局文件
<?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="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:padding="10dp"
android:gravity="center_vertical" //使其内容都垂直居中
android:background="@android:color/holo_blue_light"
android:orientation="horizontal">
<ImageButton //菜单键
android:id="@+id/ib_menu"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@drawable/menu"/>
<LinearLayout
android:layout_weight="1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center">
<TextView
android:id="@+id/tv_guangzhu"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="20dp"
android:textColor="@android:color/white"
android:text="全部关注"/>
<ImageButton
android:id="@+id/ib_down"
android:layout_width="15dp"
android:layout_height="15dp"
android:layout_marginLeft="5dp"
android:background="@drawable/down"
/>
</LinearLayout>
<ImageButton //设置键
android:id="@+id/ib_set"
android:layout_width="30dp"
android:layout_height="30dp"
android:background="@drawable/set"/>
</LinearLayout>
2. 在mainactivity中加入下面的代码,注意顺序:
requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);
setContentView(R.layout.activity_main); //主页面
getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE,R.layout.layout_title); //R.layout.layout_title为Title的布局文件
- 注意,MainActivity 应该 extends Activity 而不是 AppCompatActivity 。
3. 在style文件中加入下面代码自定义theme:
<style name="Mystyle_test" parent="android:Theme">
<item name="android:windowTitleSize">50dp</item>
<item name="android:windowTitleBackgroundStyle">@android:color/holo_blue_light</item>
</style>
- android:windowTitleSize 属性为Title的高度
- android:windowTitleBackgroundStyle 属性为Title的背景
4. 在AndroidManifest里应用自定义的theme
android:theme="@style/Mystyle_test"
5. 最终效果如下图:
下拉选择
1. listview的创建
1. 创建一个arraylist,放置选择菜单中的字
private ArrayList<String> mList = new ArrayList<>();
-
初始化数据,即向list里放入菜单项目
mList.add("全部关注"); mList.add("只看专题"); mList.add("只看文集"); mList.add("只看用户"); mList.add("只看推送更新");
2. 创建item的布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:descendantFocusability="blocksDescendants"
android:background="@drawable/selector_list"
android:padding="5dp">
<TextView //只放一个textview
android:id="@+id/tv_select"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:textSize="15dp"
android:textColor="@drawable/selector_text"
android:text="下拉选择"/>
</LinearLayout>
3. 定义Myadapter类,用于创建listview
class Myadapter extends BaseAdapter{
@Override
public int getCount() {
return mList.size(); //返回list中条目的数目
}
@Override
public Object getItem(int i) {
return null;
}
//这里不需要用到
@Override
public long getItemId(int i) {
return 0;
}
@Override
public View getView(final int i, View view, ViewGroup group) {
//布局填充器创建一个view
View vieww = View.inflate(MainActivity.this,R.layout.layout_adapter_list,null);
//拿到菜单textview,并设置菜单文字
final TextView tv_select = (TextView) vieww.findViewById(R.id.tv_select);
tv_select.setText(mList.get(i));
if(i==selected){ //修改当前选中item的文字颜色
tv_select.setTextColor(Color.WHITE);
}
return vieww;
}
}
4. 最后创建listview
private void initListview(){
mListview = new ListView(this);
mListview.setBackgroundResource(R.drawable.xialakuang2); //设置listview的背景
mListview.setVerticalScrollBarEnabled(false); //取消滚动条
mListview.setPadding(0,40,0,20); //设置上下间距
mListview.setDividerHeight(0); //消除分隔线
mAdapter = new Myadapter();
mListview.setAdapter(mAdapter);
}
2. PopupWindow的使用
1.创建PopupWindow组件并设置一些属性
private void showlistview(){ //将popupwindow的创建放在一个方法里
if(mPopupWindow==null){ //如果mPopupWindow为空才创建
//new PopupWindow(显示组件,宽,高)
mPopupWindow = new PopupWindow(mListview,350,520);
}
mPopupWindow.setFocusable(true); //要让其中的view获取焦点,必须设置为true
mPopupWindow.setBackgroundDrawable(new BitmapDrawable()); //必须设置一个背景图片
mPopupWindow.setOutsideTouchable(true);//设置点击外部弹出菜单消失
//设置弹出菜单的位置,以mPopupWindow的左上角为基准
mPopupWindow.showAsDropDown(mTv,(mTv.getWidth()+mIb_dowm.getWidth()-350)/2,10);
}
2. 给下拉选择按钮及菜单textview设置点击监听,使其点击时showlistview();
3. 给listview添加点击监听及自定义点击效果
1. 给listview的item添加点击监听
mListview.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> view, View view1, int i, long l) {
mTv.setText(mList.get(i));
selected = i;
//mAdapter.notifyDataSetChanged();
mPopupWindow.dismiss();
}
});
2. 注意:在item的布局文件中必须添加下面属性,不然listview无法获取焦点,点击无效
android:descendantFocusability="blocksDescendants"
3. 自定义点击效果
- 点击时的背景颜色
mListview.setSelector(new ColorDrawable(Color.BLACK)); //将点击效果设为黑色
mListview.setSelector(new ColorDrawable(Color.TRANSPARENT)); //取消点击颜色
-
定义selector文件:
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_focused="true" android:drawable="@android:color/black"/> <item android:state_pressed="true" android:drawable="@android:color/black" /> <item android:state_selected="true" android:drawable="@android:color/black"/> <item android:drawable="@android:color/transparent" /> </selector>
然后使用selector文件:mListview.setSelector(R.drawable.selector_list);
-
直接在item的布局文件的linearlayout设置background的属性:
android:background="@drawable/selector_list"
-
点击时的文字颜色
定义selector文件:
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_focused="true" android:color="@android:color/white" /> <!-- focused --> <item android:state_pressed="true" android:color="@android:color/white" /> <!-- pressed --> <item android:state_selected="true" android:color="@android:color/white" /> <!-- pressed --> <item android:color="@android:color/darker_gray" /> <!-- default --> </selector>
在item的布局文件中设置textview的textcolor为selector文件:
android:textColor="@drawable/selector_text"
- 设置选中菜单文字高亮(即颜色与其他不一样)
- 因为每一次点击菜单选项弹出菜单都会重绘listview,重新调用adapter,所以可用一个值记录当前被选中的item,然后在adapter的getview里将此item的textcolor改掉,代码看上面自定义adapter。
- 若是在其他listview不会重复消失重绘的应用场景下,adapter无法重复调用,这时需要在item的点击监听那里
mAdapter.notifyDataSetChanged();
,强制listview重绘刷新。