weiyi通讯录（三）仿微信下拉列表和android样式

来源：互联网发布：推荐几本好书知乎编辑：程序博客网时间：2024/06/08 20:07

这几天一直在找工作就没有更新了，我还更新一点东西把，之前说过这个通讯录是仿微信的所以今天介绍下拉列表的效果

分享的是类似的代码基本跟我的是一样。如果需要的联系人我把或者加入我的交流群吧

-----------欢迎加入交流群 386451316 有问题一起讨论吧

代码下载：http://download.csdn.net/detail/u010982856/8232867

这里介绍两中方法由于手机问题不知道什么原因手机不能用 PopupWindow 方式所以我使用的是activity的方式很简单

先介绍activity 方式吧

方式一：

先说布局把

<?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:background="#fcfcfc"    android:orientation="vertical" >    <RelativeLayout        android:id="@+id/title"        android:layout_width="fill_parent"        android:layout_height="45dp"        android:background="@drawable/title_bar"        android:gravity="center_vertical" >      <ImageButton            android:id="@+id/title_btn"            android:layout_width="67dp"            android:layout_height="wrap_content"            android:layout_alignParentLeft="true"            android:layout_centerVertical="true"            android:layout_marginLeft="5dp"            android:background="@drawable/title_button"            android:onClick="btnmainright"            android:src="@drawable/title_btn_function" >                </ImageButton>        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_centerInParent="true"            android:text="微信"            android:textColor="#ffffff"            android:textSize="20sp" />        <ImageButton            android:id="@+id/title_btn"            android:layout_width="67dp"            android:layout_height="wrap_content"            android:layout_alignParentRight="true"            android:layout_centerVertical="true"            android:layout_marginRight="5dp"            android:background="@drawable/title_button"            android:onClick="btnmainright"            android:src="@drawable/title_btn_function" />    </RelativeLayout></LinearLayout>

<?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" >    <RelativeLayout        android:layout_width="fill_parent"        android:layout_height="fill_parent"        android:layout_marginTop="50dp" >        <LinearLayout            android:id="@+id/main_dialog_layout"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_alignParentRight="true"            android:layout_alignParentTop="true"            android:background="@drawable/title_function_bg"            android:orientation="vertical" >            <LinearLayout                android:id="@+id/llayout01"                android:layout_width="fill_parent"                android:layout_height="wrap_content"                android:layout_marginLeft="5dp"                android:layout_marginRight="5dp"                android:layout_marginTop="5dp"                android:background="@drawable/title_list_selector"                android:gravity="center_horizontal" >                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_gravity="center_horizontal"                    android:padding="8dp"                    android:text="发起聊天"                    android:textColor="#fff"                    android:textSize="16sp" />            </LinearLayout>            <ImageView                android:id="@+id/imageView5"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:src="@drawable/mm_title_functionframe_line" />            <LinearLayout                android:id="@+id/llayout02"                android:layout_width="fill_parent"                android:layout_height="wrap_content"                android:layout_marginLeft="5dp"                android:layout_marginRight="5dp"                android:background="@drawable/title_list_selector" >                <ImageView                    android:id="@+id/imageView2"                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_gravity="center_vertical"                    android:layout_marginLeft="8dp"                    android:src="@drawable/mm_title_btn_receiver_normal" />                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:padding="8dp"                    android:text="听筒模式"                    android:textColor="#fff"                    android:textSize="16sp" />            </LinearLayout>            <ImageView                android:id="@+id/imageView5"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:src="@drawable/mm_title_functionframe_line" />            <LinearLayout                android:id="@+id/llayout03"                android:layout_width="fill_parent"                android:layout_height="wrap_content"                android:layout_marginLeft="5dp"                android:layout_marginRight="5dp"                android:background="@drawable/title_list_selector" >                <ImageView                    android:id="@+id/imageView3"                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_gravity="center_vertical"                    android:layout_marginLeft="8dp"                    android:src="@drawable/mm_title_btn_keyboard_normal" />                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:padding="8dp"                    android:text="登录网页"                    android:textColor="#fff"                    android:textSize="16sp" />            </LinearLayout>            <ImageView                android:id="@+id/imageView5"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:src="@drawable/mm_title_functionframe_line" />            <LinearLayout                android:id="@+id/llayout04"                android:layout_width="fill_parent"                android:layout_height="wrap_content"                android:layout_marginBottom="3dp"                android:layout_marginLeft="5dp"                android:layout_marginRight="5dp"                android:background="@drawable/title_list_selector" >                <ImageView                    android:id="@+id/imageView4"                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_gravity="center_vertical"                    android:layout_marginLeft="8dp"                    android:src="@drawable/mm_title_btn_qrcode_normal" />                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:padding="13dp"                    android:text="扫一扫"                    android:textColor="#fff"                    android:textSize="16sp" />            </LinearLayout>        </LinearLayout>    </RelativeLayout></RelativeLayout>

布局就这样了

接下来说Java代码了

import android.app.Activity;import android.os.Bundle;import android.view.MotionEvent;import android.view.View;import android.view.View.OnClickListener;import android.widget.LinearLayout;/** * 功能描述：弹出Activity界面 * @author Striver_zw *   Date  2014-12-9 */public class DialogActivity extends Activity implements OnClickListener{private LinearLayout layout01,layout02,layout03,layout04;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_dialog);initView();}/** * 初始化组件 */private void initView(){//得到布局组件对象并设置监听事件layout01 = (LinearLayout)findViewById(R.id.llayout01);layout02 = (LinearLayout)findViewById(R.id.llayout02);layout03 = (LinearLayout)findViewById(R.id.llayout03);layout04 = (LinearLayout)findViewById(R.id.llayout04);layout01.setOnClickListener(this);layout02.setOnClickListener(this);layout03.setOnClickListener(this);layout04.setOnClickListener(this);}@Overridepublic boolean onTouchEvent(MotionEvent event){finish();return true;}@Overridepublic void onClick(View v) {}}

还有注意的是使用activity 要用到样式

在 AndroidManifest.xml文件中配置

   <activity android:name="com.zw.weiyi.avtivity.DialogActivity"             android:theme="@android:style/Theme.Translucent.NoTitleBar.Fullscreen" />

方式二：

<?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:background="@drawable/title_function_bg"    android:orientation="vertical" >    <ListView        android:id="@+id/title_list"        android:layout_width="120dp"        android:layout_height="fill_parent"        android:cacheColorHint="#00000000"        android:divider="@drawable/mm_title_functionframe_line"        android:listSelector="@drawable/title_list_selector"        android:padding="3dp"        android:scrollingCache="false" /></LinearLayout>

主要的还是代码，由于没使用这种方式我也是找的别人写的了解的

import java.util.ArrayList;import android.content.Context;import android.graphics.Rect;import android.graphics.drawable.BitmapDrawable;import android.view.Gravity;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.view.ViewGroup.LayoutParams;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.BaseAdapter;import android.widget.ListView;import android.widget.PopupWindow;import android.widget.TextView;/** *功能描述：标题按钮上的弹窗（继承自PopupWindow） */public class TitlePopup extends PopupWindow {private Context mContext;//列表弹窗的间隔protected final int LIST_PADDING = 10;//实例化一个矩形private Rect mRect = new Rect();//坐标的位置（x、y）private final int[] mLocation = new int[2];//屏幕的宽度和高度private int mScreenWidth,mScreenHeight;//判断是否需要添加或更新列表子类项private boolean mIsDirty;//位置不在中心private int popupGravity = Gravity.NO_GRAVITY;//弹窗子类项选中时的监听private OnItemOnClickListener mItemOnClickListener;//定义列表对象private ListView mListView;//定义弹窗子类项列表private ArrayList<ActionItem> mActionItems = new ArrayList<ActionItem>();public TitlePopup(Context context){//设置布局的参数this(context, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);}public TitlePopup(Context context, int width, int height){this.mContext = context;//设置可以获得焦点setFocusable(true);//设置弹窗内可点击setTouchable(true);//设置弹窗外可点击setOutsideTouchable(true);//获得屏幕的宽度和高度mScreenWidth = Util.getScreenWidth(mContext);mScreenHeight = Util.getScreenHeight(mContext);//设置弹窗的宽度和高度setWidth(width);setHeight(height);setBackgroundDrawable(new BitmapDrawable());//设置弹窗的布局界面setContentView(LayoutInflater.from(mContext).inflate(R.layout.title_popup, null));initUI();}/** * 初始化弹窗列表 */private void initUI(){mListView = (ListView) getContentView().findViewById(R.id.title_list);mListView.setOnItemClickListener(new OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> arg0, View arg1, int index,long arg3) {//点击子类项后，弹窗消失dismiss();if(mItemOnClickListener != null)mItemOnClickListener.onItemClick(mActionItems.get(index), index);}}); }/** * 显示弹窗列表界面 */public void show(View view){//获得点击屏幕的位置坐标view.getLocationOnScreen(mLocation);//设置矩形的大小mRect.set(mLocation[0], mLocation[1], mLocation[0] + view.getWidth(),mLocation[1] + view.getHeight());//判断是否需要添加或更新列表子类项if(mIsDirty){populateActions();}//显示弹窗的位置showAtLocation(view, popupGravity, mScreenWidth - LIST_PADDING - (getWidth()/2), mRect.bottom);}/** * 设置弹窗列表子项 */private void populateActions(){mIsDirty = false;//设置列表的适配器mListView.setAdapter(new BaseAdapter() {@Overridepublic View getView(int position, View convertView, ViewGroup parent) {TextView textView = null;if(convertView == null){textView = new TextView(mContext);textView.setTextColor(mContext.getResources().getColor(android.R.color.white));textView.setTextSize(14);//设置文本居中textView.setGravity(Gravity.CENTER);//设置文本域的范围textView.setPadding(0, 10, 0, 10);//设置文本在一行内显示（不换行）textView.setSingleLine(true);}else{textView = (TextView) convertView;}ActionItem item = mActionItems.get(position);//设置文本文字textView.setText(item.mTitle);//设置文字与图标的间隔textView.setCompoundDrawablePadding(10);//设置在文字的左边放一个图标                textView.setCompoundDrawablesWithIntrinsicBounds(item.mDrawable, null , null, null);                return textView;}@Overridepublic long getItemId(int position) {return position;}@Overridepublic Object getItem(int position) {return mActionItems.get(position);}@Overridepublic int getCount() {return mActionItems.size();}}) ;}/** * 添加子类项 */public void addAction(ActionItem action){if(action != null){mActionItems.add(action);mIsDirty = true;}}/** * 清除子类项 */public void cleanAction(){if(mActionItems.isEmpty()){mActionItems.clear();mIsDirty = true;}}/** * 根据位置得到子类项 */public ActionItem getAction(int position){if(position < 0 || position > mActionItems.size())return null;return mActionItems.get(position);}/** * 设置监听事件 */public void setItemOnClickListener(OnItemOnClickListener onItemOnClickListener){this.mItemOnClickListener = onItemOnClickListener;}/** * @author yangyu *功能描述：弹窗子类项按钮监听事件 */public static interface OnItemOnClickListener{public void onItemClick(ActionItem item , int position);}}

工具类

import android.content.Context;import android.view.View;import android.view.inputmethod.InputMethodManager;/** *功能描述：常量工具类 */public class Util {/** * 得到设备屏幕的宽度 */public static int getScreenWidth(Context context) {return context.getResources().getDisplayMetrics().widthPixels;}/** * 得到设备屏幕的高度 */public static int getScreenHeight(Context context) {return context.getResources().getDisplayMetrics().heightPixels;}/** * 得到设备的密度 */public static float getScreenDensity(Context context) {return context.getResources().getDisplayMetrics().density;}/** * 把密度转换为像素 */public static int dip2px(Context context, float px) {final float scale = getScreenDensity(context);return (int) (px * scale + 0.5);}}

import android.content.Context;import android.graphics.drawable.Drawable;/** *功能描述：弹窗内部子类项（绘制标题和图标） */public class ActionItem {//定义图片对象public Drawable mDrawable;//定义文本对象public CharSequence mTitle;public ActionItem(Drawable drawable, CharSequence title){this.mDrawable = drawable;this.mTitle = title;}public ActionItem(Context context, int titleId, int drawableId){this.mTitle = context.getResources().getText(titleId);this.mDrawable = context.getResources().getDrawable(drawableId);}public ActionItem(Context context, CharSequence title, int drawableId) {this.mTitle = title;this.mDrawable = context.getResources().getDrawable(drawableId);}}

以上就是两种方式

接下来说一些android中样式把：

样式大全
android:theme="@android:style/Theme.Dialog" 将一个Activity显示为对话框模式
android:theme="@android:style/Theme.NoTitleBar" 不显示应用程序标题栏
android:theme="@android:style/Theme.NoTitleBar.Fullscreen" 不显示应用程序标题栏，并全屏
android:theme="@android:style/Theme.Light" 背景为白色
android:theme="@android:style/Theme.Light.NoTitleBar" 白色背景并无标题栏
android:theme="@android:style/Theme.Light.NoTitleBar.Fullscreen" 白色背景，无标题栏，全屏
android:theme="@android:style/Theme.Black" 背景黑色
android:theme="@android:style/Theme.Black.NoTitleBar" 黑色背景并无标题栏
android:theme="@android:style/Theme.Black.NoTitleBar.Fullscreen" 黑色背景，无标题栏，全屏
android:theme="@android:style/Theme.Wallpaper" 用系统桌面为应用程序背景
android:theme="@android:style/Theme.Wallpaper.NoTitleBar" 用系统桌面为应用程序背景，且无标题栏
android:theme="@android:style/Theme.Wallpaper.NoTitleBar.Fullscreen" 用系统桌面为应用程序背景，无标题栏，全屏
android:theme="@android:style/Translucent" 半透明效果
android:theme="@android:style/Theme.Translucent.NoTitleBar" 半透明并无标题栏
android:theme="@android:style/Theme.Translucent.NoTitleBar.Fullscreen" 半透明效果，无标题栏，全屏

0 0