`
RandyWei
  • 浏览: 66807 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

android UI进阶之弹窗的使用（2）--实现通讯录的弹窗效果

 
阅读更多

相信大家都体验过android通讯录中的弹窗效果。如图所示：

android中提供了QuickContactBadge来实现这一效果。这里简单演示下。

首先创建布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
              android:orientation="vertical" 
              android:layout_width="fill_parent" 
              android:layout_height="fill_parent" 
        > 
    <QuickContactBadge 
            android:id="@+id/badge" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:src="@drawable/icon"> 
    </QuickContactBadge> 
</LinearLayout>

很简单，在布局中添加一个QuickContactBadge组件即可。

在Activity中配置：

public class QuickcontactActivity extends Activity {

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        QuickContactBadge smallBadge = (QuickContactBadge) findViewById(R.id.badge);
        // 从email关联一个contact
        smallBadge.assignContactFromEmail("notice520@gmail.com", true);
        // 设置窗口模式
        smallBadge.setMode(ContactsContract.QuickContact.MODE_SMALL);
    }
}

注意加入读通讯录的权限

    <uses-permission android:name="android.permission.READ_CONTACTS"></uses-permission>　　

实现效果如图：

但是这个组件局限性很大，弹出窗口中只能是一些contact操作。但是仔细一想，这样的操作并不难，不就是一个带动画的弹窗么。下面就来我们自己实现一个。

实现一个带动画的弹窗并不难，在我的之前一篇博客中有讲过弹窗PopupWindow的使用，不清楚弹窗的朋友可以去看下。在这里实现的难点主要有这些：

1.判断基准view在屏幕中的位置，从而确定弹窗弹出的位置以及动画。这是非常重要的一点，或许基准在屏幕上方，那么就要向下弹出。

2.动态的添加弹窗中的按钮，并实现点击

3.箭头位置的控制。箭头应该保持在基准的下方。

4.动画的匹配。里面有两种动画。一种是PopupWindow弹出动画，我们通过设置弹窗的style来实现（style的用法可以参考我之前的博客）。另一种是弹窗中间的布局的动画。

　　了解了难点以后，写起来就方便了。

首先实现弹窗的布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
        
     <FrameLayout
          android:layout_marginTop="10dip"
        android:id="@+id/header2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/quickcontact_top_frame"/>
        
      <ImageView
        android:id="@+id/arrow_up"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"    
        android:src="@drawable/quickcontact_arrow_up" />
       
    <HorizontalScrollView
        android:id="@+id/scroll"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:fadingEdgeLength="0dip"
        android:layout_below="@id/header2"
        android:background="@drawable/quickcontact_slider_background"
        android:scrollbars="none">

        <LinearLayout
            android:id="@+id/tracks"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingTop="4dip"
            android:paddingBottom="4dip" 
            android:orientation="horizontal">
        
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/quickcontact_slider_grip_left" />

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/quickcontact_slider_grip_right" />
                
        </LinearLayout>
            
    </HorizontalScrollView>

    <FrameLayout
        android:id="@+id/footer"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/scroll"
        android:background="@drawable/quickcontact_bottom_frame" />

    <ImageView
        android:id="@+id/arrow_down"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="-1dip"
        android:layout_below="@id/footer"
        android:src="@drawable/quickcontact_arrow_down" />

</RelativeLayout>

　　窗体内部使用一个HorizontalScrollView可以实现一个滑动效果。我们可以动态的在这个布局中添加按钮，我们称作Actionitem。

　　写一个ActionItem类，使得我们可以用一个ArrayList做容器，动态的添加这些actionitem。这些都是服务于第二个难点。

package com.notice.quickaction;

import android.graphics.drawable.Drawable;
import android.view.View.OnClickListener;

/**
 * Action item, 每个item里面都有一个ImageView和一个TextView
 */
public class ActionItem {

    private Drawable        icon;
    private String          title;
    private OnClickListener listener;

    /**
     * 构造器
     */
    public ActionItem() {
    }

    /**
     * 带Drawable参数的构造器
     */
    public ActionItem(Drawable icon) {
        this.icon = icon;
    }

    /**
     * 设置标题
     */
    public void setTitle(String title) {
        this.title = title;
    }

    /**
     * 获得标题
     * 
     * @return action title
     */
    public String getTitle() {
        return this.title;
    }

    /**
     * 设置图标
     */
    public void setIcon(Drawable icon) {
        this.icon = icon;
    }

    /**
     * 获得图标
     */
    public Drawable getIcon() {
        return this.icon;
    }

    /**
     * 绑定监听器
     */
    public void setOnClickListener(OnClickListener listener) {
        this.listener = listener;
    }

    /**
     * 获得监听器
     */
    public OnClickListener getListener() {
        return this.listener;
    }
}

　　接下来就是这个弹窗的实现了，我们继承PopupWindow类。在这个类中我们需要实现通过位置设置动画及弹出位置，并且给出一个方法供实现类调用，来动态添加item和设置动画效果。

代码如下：

package com.notice.quickaction;

import java.util.ArrayList;

import android.content.Context;
import android.graphics.Rect;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.view.WindowManager;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.Interpolator;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.PopupWindow;
import android.widget.TextView;

/**
 * 继承弹窗，构造我们需要的弹窗
 */
public class QuickActions extends PopupWindow {

    private final View            root;
    private final ImageView       mArrowUp;
    private final ImageView       mArrowDown;
    private final Animation       mTrackAnim;
    private final LayoutInflater  inflater;
    private final Context         context;

    protected final View          anchor;
    protected final PopupWindow   window;
    private Drawable              background            = null;
    protected final WindowManager windowManager;

    protected static final int    ANIM_GROW_FROM_LEFT   = 1;
    protected static final int    ANIM_GROW_FROM_RIGHT  = 2;
    protected static final int    ANIM_GROW_FROM_CENTER = 3;
    protected static final int    ANIM_AUTO             = 4;

    private int                   animStyle;
    private boolean               animateTrack;
    private ViewGroup             mTrack;
    private ArrayList<ActionItem> actionList;

    /**
     * 构造器，在这里初始化一些内容
     * 
     * @param anchor 像我之前博客所说的理解成一个基准 弹窗以此为基准弹出
     */
    public QuickActions(View anchor) {
        super(anchor);

        this.anchor = anchor;
        this.window = new PopupWindow(anchor.getContext());

        // 在popwindow外点击即关闭该window
        window.setTouchInterceptor(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                if (event.getAction() == MotionEvent.ACTION_OUTSIDE) {
                    QuickActions.this.window.dismiss();

                    return true;
                }

                return false;
            }
        });

        // 得到一个windowManager对象，用来得到窗口的一些属性
        windowManager = (WindowManager) anchor.getContext().getSystemService(Context.WINDOW_SERVICE);

        actionList = new ArrayList<ActionItem>();
        context = anchor.getContext();
        inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        // 装载布局，root即为弹出窗口的布局
        root = (ViewGroup) inflater.inflate(R.layout.quickaction, null);

        // 得到上下两个箭头
        mArrowDown = (ImageView) root.findViewById(R.id.arrow_down);
        mArrowUp = (ImageView) root.findViewById(R.id.arrow_up);

        setContentView(root);

        mTrackAnim = AnimationUtils.loadAnimation(anchor.getContext(), R.anim.rail);

        // 设置动画的加速效果
        mTrackAnim.setInterpolator(new Interpolator() {

            public float getInterpolation(float t) {

                final float inner = (t * 1.55f) - 1.1f;

                return 1.2f - inner * inner;
            }
        });

        // 这个是弹出窗口内的水平布局
        mTrack = (ViewGroup) root.findViewById(R.id.tracks);
        animStyle = ANIM_AUTO;// 设置动画风格
        animateTrack = true;
    }

    /**
     * 设置一个flag来标识动画显示
     */
    public void animateTrack(boolean animateTrack) {
        this.animateTrack = animateTrack;
    }

    /**
     * 设置动画风格
     */
    public void setAnimStyle(int animStyle) {
        this.animStyle = animStyle;
    }

    /**
     * 增加一个action
     */
    public void addActionItem(ActionItem action) {
        actionList.add(action);
    }

    /**
     * 弹出弹窗
     */
    public void show() {
        // 预处理，设置window
        preShow();

        int[] location = new int[2];
        // 得到anchor的位置
        anchor.getLocationOnScreen(location);

        // 以anchor的位置构造一个矩形
        Rect anchorRect = new Rect(location[0], location[1], location[0] + anchor.getWidth(), location[1]
                                                                                              + anchor.getHeight());

        root.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
        root.measure(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);

        int rootWidth = root.getMeasuredWidth();
        int rootHeight = root.getMeasuredHeight();

        // 得到屏幕的宽
        int screenWidth = windowManager.getDefaultDisplay().getWidth();

        // 设置弹窗弹出的位置的x/y
        int xPos = (screenWidth - rootWidth) / 2;
        int yPos = anchorRect.top - rootHeight;

        boolean onTop = true;

        // 在底部弹出
        if (rootHeight > anchorRect.top) {
            yPos = anchorRect.bottom;
            onTop = false;
        }

        // 根据弹出位置，设置不同方向箭头图片
        showArrow(((onTop) ? R.id.arrow_down : R.id.arrow_up), anchorRect.centerX());

        // 设置弹出动画风格
        setAnimationStyle(screenWidth, anchorRect.centerX(), onTop);

        // 创建action list
        createActionList();

        // 在指定位置弹出弹窗
        window.showAtLocation(this.anchor, Gravity.NO_GRAVITY, xPos, yPos);

        // 设置弹窗内部的水平布局的动画
        if (animateTrack) mTrack.startAnimation(mTrackAnim);
    }

    /**
     * 预处理窗口
     */
    protected void preShow() {
        if (root == null) {
            throw new IllegalStateException("需要为弹窗设置布局");
        }

        // 背景是唯一能确定popupwindow宽高的元素，这里使用root的背景，但是需要给popupwindow设置一个空的BitmapDrawable
        if (background == null) {
            window.setBackgroundDrawable(new BitmapDrawable());
        } else {
            window.setBackgroundDrawable(background);
        }

        window.setWidth(WindowManager.LayoutParams.WRAP_CONTENT);
        window.setHeight(WindowManager.LayoutParams.WRAP_CONTENT);
        window.setTouchable(true);
        window.setFocusable(true);
        window.setOutsideTouchable(true);
        // 指定布局
        window.setContentView(root);
    }

    /**
     * 设置动画风格
     * 
     * @param screenWidth 屏幕宽底
     * @param requestedX 距离屏幕左边的距离
     * @param onTop 一个flag用来标识窗口的显示位置，如果为true则显示在anchor的顶部
     */
    private void setAnimationStyle(int screenWidth, int requestedX, boolean onTop) {
        // 取得屏幕左边到箭头中心的位置
        int arrowPos = requestedX - mArrowUp.getMeasuredWidth() / 2;
        // 根据animStyle设置相应动画风格
        switch (animStyle) {
            case ANIM_GROW_FROM_LEFT:
                window.setAnimationStyle((onTop) ? R.style.Animations_PopUpMenu_Left : R.style.Animations_PopDownMenu_Left);
                break;

            case ANIM_GROW_FROM_RIGHT:
                window.setAnimationStyle((onTop) ? R.style.Animations_PopUpMenu_Right : R.style.Animations_PopDownMenu_Right);
                break;

            case ANIM_GROW_FROM_CENTER:
                window.setAnimationStyle((onTop) ? R.style.Animations_PopUpMenu_Center : R.style.Animations_PopDownMenu_Center);
                break;

            case ANIM_AUTO:
                if (arrowPos <= screenWidth / 4) {
                    window.setAnimationStyle((onTop) ? R.style.Animations_PopUpMenu_Left : R.style.Animations_PopDownMenu_Left);
                } else if (arrowPos > screenWidth / 4 && arrowPos < 3 * (screenWidth / 4)) {
                    window.setAnimationStyle((onTop) ? R.style.Animations_PopUpMenu_Center : R.style.Animations_PopDownMenu_Center);
                } else {
                    window.setAnimationStyle((onTop) ? R.style.Animations_PopDownMenu_Right : R.style.Animations_PopDownMenu_Right);
                }

                break;
        }
    }

    /**
     * 创建action list
     */
    private void createActionList() {
        View view;
        String title;
        Drawable icon;
        OnClickListener listener;
        int index = 1;

        for (int i = 0; i < actionList.size(); i++) {
            title = actionList.get(i).getTitle();
            icon = actionList.get(i).getIcon();
            listener = actionList.get(i).getListener();
            // 得到action item
            view = getActionItem(title, icon, listener);

            view.setFocusable(true);
            view.setClickable(true);

            // 将其加入布局
            mTrack.addView(view, index);

            index++;
        }
    }

    /**
     * 获得 action item
     * 
     * @param title action的标题
     * @param icon action的图标
     * @param listener action的点击事件监听器
     * @return action的item
     */
    private View getActionItem(String title, Drawable icon, OnClickListener listener) {
        // 装载action布局
        LinearLayout container = (LinearLayout) inflater.inflate(R.layout.action_item, null);
        ImageView img = (ImageView) container.findViewById(R.id.icon);
        TextView text = (TextView) container.findViewById(R.id.title);

        if (icon != null) {
            img.setImageDrawable(icon);
        } else {
            img.setVisibility(View.GONE);
        }

        if (title != null) {
            text.setText(title);
        } else {
            text.setVisibility(View.GONE);
        }

        if (listener != null) {
            container.setOnClickListener(listener);
        }

        return container;
    }

    /**
     * 显示箭头
     * 
     * @param 箭头资源id
     * @param 距离屏幕左边的距离
     */
    private void showArrow(int whichArrow, int requestedX) {
        final View showArrow = (whichArrow == R.id.arrow_up) ? mArrowUp : mArrowDown;
        final View hideArrow = (whichArrow == R.id.arrow_up) ? mArrowDown : mArrowUp;

        final int arrowWidth = mArrowUp.getMeasuredWidth();

        showArrow.setVisibility(View.VISIBLE);

        ViewGroup.MarginLayoutParams param = (ViewGroup.MarginLayoutParams) showArrow.getLayoutParams();

        // 以此设置距离左边的距离
        param.leftMargin = requestedX - arrowWidth / 2;

        hideArrow.setVisibility(View.INVISIBLE);
    }

}

　　有点长，不过注释都写的很清楚了。show()方法完成窗口的弹出。里面调用其他方法设置了窗口弹出的位置，设置了相应的动画弹出风格和箭头朝向以及位置，创建了action item。大家可以从这个方法里开始看，看每个的实现。

　　最后写个测试类。放一个Button在屏幕顶部，一个在屏幕底部。点击弹出弹窗。

package com.notice.quickaction;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Toast;

/**
 * 实现activity
 */
public class MyQuick extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        // 得到一个actionItem对象
        final ActionItem chart = new ActionItem();

        // 设置标题，图标，点击事件
        chart.setTitle("Chart");
        chart.setIcon(getResources().getDrawable(R.drawable.chart));
        chart.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                Toast.makeText(MyQuick.this, "Chart selected", Toast.LENGTH_SHORT).show();
            }
        });

        final ActionItem production = new ActionItem();

        production.setTitle("Products");
        production.setIcon(getResources().getDrawable(R.drawable.production));
        production.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                Toast.makeText(MyQuick.this, "Products selected", Toast.LENGTH_SHORT).show();
            }
        });

        Button btn1 = (Button) this.findViewById(R.id.btn1);
        // 点击按钮弹出
        btn1.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                // 初始化一个QuickActions
                QuickActions qa = new QuickActions(v);
                // 为他添加actionitem
                qa.addActionItem(chart);
                qa.addActionItem(production);
                qa.addActionItem(production);
                qa.addActionItem(production);
                // 设置动画风格
                qa.setAnimStyle(QuickActions.ANIM_AUTO);

                qa.show();
            }
        });

        final ActionItem dashboard = new ActionItem();

        dashboard.setIcon(getResources().getDrawable(R.drawable.dashboard));
        dashboard.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                Toast.makeText(MyQuick.this, "dashboard selected", Toast.LENGTH_SHORT).show();
            }
        });

        final ActionItem users = new ActionItem();

        users.setIcon(getResources().getDrawable(R.drawable.users));
        users.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                Toast.makeText(MyQuick.this, "Products selected", Toast.LENGTH_SHORT).show();
            }
        });

        Button btn2 = (Button) this.findViewById(R.id.btn2);
        btn2.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                QuickActions qa = new QuickActions(v);

                qa.addActionItem(dashboard);
                qa.addActionItem(users);
                qa.setAnimStyle(QuickActions.ANIM_GROW_FROM_CENTER);

                qa.show();
            }
        });
    }
}

　　再讲下PopupWindow的风格的实现。其中一个风格代码如下：

    <style name="Animations.PopDownMenu.Left">
        <item name="@android:windowEnterAnimation">@anim/grow_from_topleft_to_bottomright</item>
        <item name="@android:windowExitAnimation">@anim/shrink_from_bottomright_to_topleft</item>
    </style>

　　写两个item，分别实现弹出和消失动画。因为篇幅有限（好像已经很长了。。。），就不全部贴出来了。动画都是一个scale加一个alpha，对动画不熟悉的朋友可以自己研究下，从底部弹出的动画文件grow_from_bottom.xml：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:fromXScale="0.3" android:toXScale="1.0"
        android:fromYScale="0.3" android:toYScale="1.0"
        android:pivotX="50%" android:pivotY="100%"
        android:duration="@android:integer/config_shortAnimTime"
    />
    <alpha
        android:interpolator="@android:anim/decelerate_interpolator"
        android:fromAlpha="0.0" android:toAlpha="1.0"
        android:duration="@android:integer/config_shortAnimTime"
    />
</set>

 

　　最后来看看实现效果：

       

  好了 希望大家喜欢   有问题可以留言交流～

 


欢迎转载，转载请注明出处！否则将追究法律责任！http://www.cnblogs.com/noTice520  

分享到：
| 很有创意
评论
2 楼 flyingsir_zw 2012-02-22  
可以给个源码联系不.flyingsir.zw@gmail.com
1 楼 flyingsir_zw 2012-02-22  
.....发送失败了.
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    android popupwindow UI进阶之弹窗的使用

    Android PopupWindow UI进阶之弹窗的使用 Android 中的 PopupWindow 是一种常用的 UI 组件，它可以弹出一个对话框，提供给用户某些选项或信息。PopupWindow 和 AlertDialog 类似，但它们有各自的特点。下面我们来...

    高清版 Android高级进阶-顾浩鑫-高清版本-带目录

    2. 性能优化：掌握Android应用性能调优的策略和工具，比如使用TraceView进行方法执行跟踪，分析内存使用情况，优化数据库操作，减少布局嵌套等。 3. 多线程和并发：了解如何在Android中高效地使用多线程技术，例如...

    iOS开发 - 第02篇 - UI进阶 - 08 - 私人通讯录

    在iOS开发中，创建一个私人通讯录应用是一个常见的练习，它可以帮助开发者深入理解用户界面（UI）设计和数据管理。本教程将重点关注三个关键知识点：多个控制器之间的跳转、控制器之间的数据传递以及数据存储。 ...

    android-自定义-悬浮弹窗

    本教程将深入探讨如何在Android应用中创建和使用自定义的悬浮弹窗。 首先，我们需要理解Android的窗口管理器（Window Manager）是如何工作的。在Android系统中，所有可见的UI元素都是通过窗口管理器来添加和管理的...

    Android---UI篇

    •Android---UI篇---Tab Layout（选项卡布局） ...•Android---UI篇---ListView之ArrayAdapter（列表）---2 • •Android---UI篇---ListView之SimpleCursorAdapter（列表）---3 • •Android---UI篇---Menu（菜单）

    弹窗上传--An-Upload无组件上传类8.8.19 示例

    标题 "弹窗上传--An-...这个示例可以帮助开发者快速理解和使用An-Upload库，实现弹窗上传功能。通过分析和学习这些文件，我们可以掌握如何在ASP环境中集成和使用上传类库，以及如何构建前后端交互的文件上传系统。

    APP开发教程 Java Android移动端开发 4、Android UI进阶编程 (1) 共34页.pptx

    Android UI进阶编程主要涉及了Drawable的使用以及2D图形绘制的相关概念，这些是构建Android应用界面的关键元素。首先，我们来深入理解Android Drawable。 Android Drawable是一个抽象的概念，它涵盖了各种图形对象...

    unity 3d UI 通用弹窗类

    本文将深入探讨如何构建一个通用的弹窗类，并使用Unity 3D的DOTween插件来实现动态效果。 首先，我们需要理解Unity 3D的UI系统。Unity的UI框架基于Canvas，它是所有UI元素的容器。Canvas可以设置为屏幕空间或世界...

    Android学习之Activity弹窗

    这些组件的使用都需要遵循Android的生命周期管理和UI线程规则，确保弹窗的正确显示和关闭，以及与用户交互的流畅性。 对于源码学习，深入理解这些组件的工作原理是非常有益的。通过查看Android源码，我们可以了解到...

    android 高级UI设计---定位弹窗

    相信大家都体验过android通讯录中的弹窗效果。但是android自带有一定的局限性，不能达到任意位置的弹窗，而项目开发的过程中经常会遇到这样的情况，所以就在网上查了一些资料，经过两天的研究终于做出来了。希望对...

    Android开发时间选择弹窗（开始时间-结束时间）

    在这个场景下，"Android开发时间选择弹窗（开始时间-结束时间）"是一个关键的功能点，它涉及到UI设计、事件处理以及日期和时间的处理。下面将详细介绍如何实现这样一个功能。 首先，我们需要了解Android Studio，这...

    使用jquery-mobile+html5实现android本地通讯录

    在Android上实现本地通讯录访问，需要使用HTML5的Web SQL Database或IndexedDB来存储通讯录数据，同时利用PhoneGap或Cordova这样的框架将JavaScript API与Android原生API桥接。PhoneGap提供了一个名为`contacts`的...

    一个模仿DingDing的弹窗

    在IT行业中，尤其是在...总的来说，"一个模仿DingDing的弹窗"项目涉及到了Android界面设计、UI交互、自定义视图、活动管理等多个方面的技术知识，对于提升开发者在Android开发中的技能和经验具有很高的实践价值。

    Android-ContactFuzzySearch一个Android通讯录模糊搜索

    总结起来，"Android-ContactFuzzySearch"项目涵盖了Android通讯录API的使用、拼音转换、模糊搜索算法、数据排序、UI设计、性能优化以及第三方库的集成等多个方面的知识。对于希望在Android应用中实现高效通讯录模糊...

    Android开发实验---通讯录.docx

    2. **UI设计**：考虑用户体验，设计合理的界面布局，如使用ListView或RecyclerView展示联系人列表，提供拨号键盘等。 3. **权限管理**：使用拨打电话和发送短信功能，需要在Manifest.xml中声明相应的权限。 4. **...

    《Android高级进阶》

    2. **内存管理与性能优化**：理解Android的内存模型，如何避免内存泄漏，使用WeakReference和SoftReference，以及进行内存分析工具如MAT的使用，都是进阶开发者必须掌握的知识。 3. **组件化开发**：组件化是一种将...

    Android高级进阶-高清-带目录

    4. **UI优化**：涵盖性能调优技巧，如使用 ViewHolder 模式减少视图复用时的查找开销，以及如何利用布局动画和过渡效果提升用户体验。 5. **网络编程**：介绍Volley、OkHttp等网络库的使用，以及如何处理HTTP/HTTPS...

    通讯录弹窗效果源码分享

    在Android开发中，实现通讯录弹窗效果是一个常见的需求，比如在用户需要选择联系人时。本篇将详细解析标题“通讯录弹窗效果源码分享”所涉及的知识点，并结合描述与标签来深入探讨如何利用PopupWindows实现这样的...

    Android高手进阶教程

    《Android高手进阶教程》是一本专为已经具备Android基础知识并渴望进一步提升技能的开发者设计的教程。本书深入探讨了Android开发的高级概念和技术，旨在帮助读者从技术层面跨越到专家水平。 首先，我们来了解一下...

Magicbox
Global site tag (gtag.js) - Google Analytics