精华内容
下载资源
问答
  • 如何设置手机拨号背景
    千次阅读
    2019-03-08 10:20:18

    制作手机拨号键盘也只是粗略的实现了一下。  

    先来看看布局

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
         android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#f7f7f7"
        >
        <RelativeLayout
            android:id="@+id/rela_dis"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
        <LinearLayout
            android:id="@+id/pop_line_layput"
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#f7f7f7"
            >
            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#f7f7f7"
                ></View>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="@dimen/dp_45"
            android:background="#f7f7f7"
            android:gravity="center"
            android:orientation="horizontal" >
    
            <TextView
    
                android:id="@+id/tv_text2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="50"
                android:gravity="center"
                android:text=""
                android:ellipsize="none"
                android:singleLine="true"
                android:maxLines="100"
                android:scrollHorizontally="false"
                android:textColor="#616161"
                android:textSize="@dimen/sp_28" />
    
    
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            >
    
            <TextView
                android:id="@+id/bt_one"
                android:layout_width="@dimen/dp_122"
                android:layout_height="@dimen/dp_57"
                android:layout_weight="1"
                android:text="1"
                android:gravity="center"
                android:textColor="@drawable/button_font_style"
                android:background="@drawable/btn"
                android:textSize="@dimen/sp_25" />
    
            <TextView
                android:id="@+id/bt_two"
                android:layout_width="@dimen/dp_125"
                android:layout_height="@dimen/dp_57"
                android:layout_weight="1"
                android:textColor="@drawable/button_font_style"
                android:background="@drawable/btn"
                android:gravity="center"
                android:textSize="@dimen/sp_25" />
    
            <TextView
                android:id="@+id/bt_three"
                android:layout_width="@dimen/dp_123"
                android:layout_height="@dimen/dp_57"
                android:layout_weight="1"
                android:gravity="center"
                android:textColor="@drawable/button_font_style"
                android:background="@drawable/btn"
                android:textSize="@dimen/sp_25" />
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >
    
            <TextView
                android:id="@+id/bt_four"
                android:layout_width="@dimen/dp_122"
                android:layout_height="@dimen/dp_50"
                android:layout_weight="1"
                android:text="4"
                android:gravity="center"
                android:textColor="@drawable/button_font_style"
                android:background="@drawable/btn"
                android:textSize="@dimen/sp_25" />
    
            <TextView
                android:id="@+id/bt_five"
                android:layout_width="@dimen/dp_122"
                android:layout_height="@dimen/dp_50"
                android:layout_weight="1"
                android:gravity="center"
                android:text="5"
                android:textColor="@drawable/button_font_style"
                android:background="@drawable/btn"
                android:textSize="@dimen/sp_25" />
    
            <TextView
                android:id="@+id/bt_six"
                android:layout_width="@dimen/dp_122"
                android:layout_height="@dimen/dp_50"
                android:layout_weight="1"
                android:text="6"
                android:gravity="center"
                android:textColor="@drawable/button_font_style"
                android:background="@drawable/btn"
                android:textSize="@dimen/sp_25" />
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >
    
            <TextView
                android:id="@+id/bt_seven"
                android:layout_width="@dimen/dp_122"
                android:layout_height="@dimen/dp_50"
                android:layout_weight="1"
                android:text="7"
                android:gravity="center"
                android:textColor="@drawable/button_font_style"
                android:background="@drawable/btn"
                android:textSize="@dimen/sp_25" />
    
            <TextView
                android:id="@+id/bt_eight"
                android:layout_width="@dimen/dp_122"
                android:layout_height="@dimen/dp_50"
                android:layout_weight="1"
                android:text="8"
                android:gravity="center"
                android:textColor="@drawable/button_font_style"
                android:background="@drawable/btn"
                android:textSize="@dimen/sp_25" />
    
            <TextView
                android:id="@+id/bt_nine"
                android:layout_width="@dimen/dp_122"
                android:layout_height="@dimen/dp_50"
                android:layout_weight="1"
                android:text="9"
                android:gravity="center"
                android:textColor="@drawable/button_font_style"
                android:background="@drawable/btn"
                android:textSize="@dimen/sp_25" />
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >
    
            <TextView
                android:id="@+id/bt_star"
                android:layout_width="@dimen/dp_122"
                android:layout_height="@dimen/dp_50"
                android:layout_weight="1"
                android:text="*"
                android:gravity="center_horizontal"
                android:layout_gravity="center_vertical"
                android:textColor="@drawable/button_font_style"
                android:background="@drawable/btn"
                android:textSize="@dimen/sp_32" />
    
            <TextView
                android:id="@+id/bt_zero"
                android:layout_width="@dimen/dp_122"
                android:layout_height="@dimen/dp_50"
                android:layout_weight="1"
                android:text="0"
                android:gravity="center"
                android:textColor="@drawable/button_font_style"
                android:background="@drawable/btn"
                android:textSize="@dimen/sp_25" />
    
            <TextView
                android:id="@+id/bt_bottom"
                android:layout_width="@dimen/dp_122"
                android:layout_height="@dimen/dp_50"
                android:layout_weight="1"
                android:text="#"
                android:gravity="center"
                android:textColor="@drawable/button_font_style"
                android:background="@drawable/btn"
                android:textSize="@dimen/sp_25" />
        </LinearLayout>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="@dimen/dp_70"
            android:background="#ffffff"
            >
                <LinearLayout
                    android:id="@+id/line_diss"
                    android:background="#ffffff"
                    android:gravity="center"
                    android:layout_marginRight="@dimen/dp_1"
                    android:layout_width="@dimen/dp_119"
                    android:layout_height="@dimen/dp_53">
            <ImageView
                    android:id="@+id/image_hide"
                    android:layout_width="@dimen/dp_21"
                    android:layout_height="@dimen/dp_24"
                    android:src="@mipmap/hide"
                    />
                </LinearLayout>
    
            <LinearLayout
                android:background="#ffffff"
                android:gravity="center"
                android:layout_marginRight="@dimen/dp_1"
                android:orientation="horizontal"
                android:layout_width="@dimen/dp_120"
                android:layout_height="@dimen/dp_53">
                <ImageView
                    android:id="@+id/image_callphone"
                    android:layout_width="@dimen/dp_46"
                    android:layout_height="@dimen/dp_46"
                    android:src="@mipmap/callphone"
                    android:layout_marginRight="@dimen/dp_7"
                    />
            </LinearLayout>
            <LinearLayout
                android:id="@+id/line_delete"
                android:background="#ffffff"
                android:gravity="center"
                android:layout_width="@dimen/dp_122"
                android:layout_height="@dimen/dp_53">
                <ImageView
                    android:id="@+id/image_deletenumber"
                    android:layout_width="@dimen/dp_28"
                    android:layout_height="@dimen/dp_29"
                    android:src="@mipmap/deletenumber"
    
                    />
            </LinearLayout>
        </LinearLayout>
            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="#cecece"
                ></View>
        </LinearLayout>
        </RelativeLayout>
    </LinearLayout>

     

       主代码

    private void dialog() {
        view = LayoutInflater.from(getActivity()).inflate(
                R.layout.popup_layout_item, null);
        popupWindow = new PopupWindow(view,
                ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.WRAP_CONTENT, true);
        popupWindow.setAnimationStyle(R.style.MyPopupWindow_anim_style);
        tv_text2 = view.findViewById(R.id.tv_text2);
        bt_zero = view.findViewById(R.id.bt_zero);
        bt_one = view.findViewById(R.id.bt_one);
        bt_two = view.findViewById(R.id.bt_two);
        bt_three = view.findViewById(R.id.bt_three);
        bt_four = view.findViewById(R.id.bt_four);
        bt_five = view.findViewById(R.id.bt_five);
        bt_six = view.findViewById(R.id.bt_six);
        bt_seven = view.findViewById(R.id.bt_seven);
        bt_eight = view.findViewById(R.id.bt_eight);
        bt_nine = view.findViewById(R.id.bt_nine);
        bt_star = view.findViewById(R.id.bt_star);
        bt_bottom = view.findViewById(R.id.bt_bottom);
        String text1 ="1 ive";
        String text2 ="2 abc";
        String text3 ="3 def";
        String text4 ="4 ghi";
        String text5 ="5 jkl";
        String text6 ="6 mno";
        String text7 ="7pors";
        String text8 ="8 tuv";
        String text9 ="9wxyz";
        String text0 ="0 +   ";
        String text11 ="* p  ";
        String text12 ="* W  ";
        SpannableString textSpan1 = new SpannableString (text1);
        SpannableString textSpan2 = new SpannableString (text2);
        SpannableString textSpan3 = new SpannableString (text3);
        SpannableString textSpan4 = new SpannableString (text4);
        SpannableString textSpan5 = new SpannableString (text5);
        SpannableString textSpan6 = new SpannableString (text6);
        SpannableString textSpan7 = new SpannableString (text7);
        SpannableString textSpan8 = new SpannableString (text8);
        SpannableString textSpan9= new SpannableString (text9);
        SpannableString textSpan0= new SpannableString (text0);
        int start = text1.indexOf('i');
        int end = text1.length();
        int start1 = text2.indexOf('a');
        int end1 = text2.length();
        int start2 = text3.indexOf('d');
        int end2 = text3.length();
        int start3 = text4.indexOf('g');
        int end3 = text4.length();
        int start4 = text5.indexOf('j');
        int end4 = text5.length();
        int start5 = text6.indexOf('m');
        int end5 = text6.length();
        int start6 = text7.indexOf('p');
        int end6 = text7.length();
        int start7 = text8.indexOf('t');
        int end7 = text8.length();
        int start8 = text9.indexOf('w');
        int end8 = text9.length();
        int start0 = text0.indexOf('+');
        int end0 = text0.length();
        textSpan1.setSpan(new AbsoluteSizeSpan(80),0,start,Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
        textSpan1.setSpan(new AbsoluteSizeSpan(30),start,end,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan2.setSpan(new AbsoluteSizeSpan(80),0,start1,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan2.setSpan(new AbsoluteSizeSpan(30),start1,end1,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan3.setSpan(new AbsoluteSizeSpan(80),0,start2,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan3.setSpan(new AbsoluteSizeSpan(30),start2,end2,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan4.setSpan(new AbsoluteSizeSpan(80),0,start3,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan4.setSpan(new AbsoluteSizeSpan(30),start3,end3,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan5.setSpan(new AbsoluteSizeSpan(80),0,start4,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan5.setSpan(new AbsoluteSizeSpan(30),start4,end4,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan6.setSpan(new AbsoluteSizeSpan(80),0,start5,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan6.setSpan(new AbsoluteSizeSpan(30),start5,end5,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan7.setSpan(new AbsoluteSizeSpan(80),0,start6,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan7.setSpan(new AbsoluteSizeSpan(30),start6,end6,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan8.setSpan(new AbsoluteSizeSpan(80),0,start7,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan8.setSpan(new AbsoluteSizeSpan(30),start7,end7,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan9.setSpan(new AbsoluteSizeSpan(80),0,start8,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan9.setSpan(new AbsoluteSizeSpan(30),start8,end8,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan0.setSpan(new AbsoluteSizeSpan(80),0,start0,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        textSpan0.setSpan(new AbsoluteSizeSpan(30),start0,end0,Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        bt_two = view.findViewById(R.id.bt_two);
        bt_three = view.findViewById(R.id.bt_three);
        bt_four = view.findViewById(R.id.bt_four);
        bt_five = view.findViewById(R.id.bt_five);
        bt_six = view.findViewById(R.id.bt_six);
        bt_seven = view.findViewById(R.id.bt_seven);
        bt_eight = view.findViewById(R.id.bt_eight);
        bt_nine = view.findViewById(R.id.bt_nine);
        bt_star = view.findViewById(R.id.bt_star);
        bt_bottom = view.findViewById(R.id.bt_bottom);
        bt_one.setText(textSpan1);
        bt_two.setText(textSpan2);
        bt_three.setText(textSpan3);
        bt_four.setText(textSpan4);
        bt_five.setText(textSpan5);
        bt_six.setText(textSpan6);
        bt_seven.setText(textSpan7);
        bt_eight.setText(textSpan8);
        bt_nine.setText(textSpan9);
        bt_zero.setText(textSpan0);
        image_deletenumber = view.findViewById(R.id.image_deletenumber);
        image_callphone = view.findViewById(R.id.image_callphone);
        image_hide = view.findViewById(R.id.image_hide);
        line_diss = view.findViewById(R.id.line_diss);
        rela_dis = view.findViewById(R.id.rela_dis);
        line_delete = view.findViewById(R.id.line_delete);
        popupWindow.setFocusable(false);// 取得焦点
        //注意  要是点击外部空白处弹框消息  那么必须给弹框设置一个背景色  不然是不起作用的
        popupWindow.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
        //点击外部消失
        popupWindow.setOutsideTouchable(true);
        //设置可以点击
        popupWindow.setTouchable(true);
        bt_zero.setOnClickListener(new View.OnClickListener() {
    
            public void onClick(View v) {
                tempText = (TextView) view.findViewById(R.id.bt_zero);
                all += 0;
                tv_text2.setText(all);
            }
        });
        bt_one.setOnClickListener(new View.OnClickListener() {
    
            public void onClick(View v) {
                tempText = (TextView) view.findViewById(R.id.bt_one);
                all +=1;
                tv_text2.setText(all);
            }
        });
    
        bt_two.setOnClickListener(new View.OnClickListener() {
    
            public void onClick(View v) {
                tempText = (TextView) view.findViewById(R.id.bt_two);
                all += 2;
                tv_text2.setText(all);
            }
        });
    
        bt_three.setOnClickListener(new View.OnClickListener() {
    
            public void onClick(View v) {
                tempText = (TextView) view.findViewById(R.id.bt_three);
                all += 3;
                tv_text2.setText(all);
            }
        });
    
        bt_four.setOnClickListener(new View.OnClickListener() {
    
            public void onClick(View v) {
                tempText = (TextView) view.findViewById(R.id.bt_four);
                all += 4;
                tv_text2.setText(all);
            }
        });
    
        bt_five.setOnClickListener(new View.OnClickListener() {
    
            public void onClick(View v) {
                tempText = (TextView) view.findViewById(R.id.bt_five);
                all += 5;
                tv_text2.setText(all);
            }
        });
    
        bt_six.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                tempText = (TextView) view.findViewById(R.id.bt_six);
                all += 6;
                tv_text2.setText(all);
            }
        });
        bt_seven.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                tempText = (TextView) view.findViewById(R.id.bt_seven);
                all += 7;
                tv_text2.setText(all);
            }
        });
    
        bt_eight.setOnClickListener(new View.OnClickListener() {
    
            public void onClick(View v) {
                tempText = (TextView) view.findViewById(R.id.bt_eight);
                all += 8;
                tv_text2.setText(all);
            }
        });
    
        bt_nine.setOnClickListener(new View.OnClickListener() {
    
            public void onClick(View v) {
                tempText = (TextView) view.findViewById(R.id.bt_nine);
                all += 9;
                tv_text2.setText(all);
            }
        });
    
        bt_star.setOnClickListener(new View.OnClickListener() {
    
            public void onClick(View v) {
                tempText = (TextView) view.findViewById(R.id.bt_star);
                all += tempText.getText().toString();
                tv_text2.setText(all);
            }
        });
    
        bt_bottom.setOnClickListener(new View.OnClickListener() {
    
            public void onClick(View v) {
                tempText = (TextView) view.findViewById(R.id.bt_bottom);
                all += tempText.getText().toString();
                tv_text2.setText(all);
            }
        });
        image_callphone.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                popupWindow.dismiss();
            
            }
        });
    
        line_delete.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View view) {
                String s = tv_text2.getText().toString();
    
                new Handler().postDelayed(new Runnable(){
                    public void run() {
                        for (int i = 0; i < s.length(); i++) {
                            if (s.length() > 0) {
                                all = all.substring(0, all.length() - 1);
                                tv_text2.setText(all);
                            }
                            //execute the task
                        }
                    }
                }, 200);
                Collections.reverse(infos);
                adapter = new MyAdapter(infos, getActivity());
                callView.setAdapter(adapter);
                List<CallLogInfo> list = new ArrayList<>();
                adapter.notifyDataSetChanged();
                return true;
            }
        });
    
        tv_text2.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {
    
            }
    
            @Override
            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
                incomingNumber = tv_text2.getText().toString().replace(" ", "");
                if (incomingNumber.length()==0){
                    listSeleteView.setVisibility(View.GONE);
                }else{
    
                    listSeleteView.setVisibility(View.VISIBLE);
                    showListView();
    
    
    
                }
            }
    
            @Override
            public void afterTextChanged(Editable editable) {
    
    
            }
        });
        line_delete.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                String s = tv_text2.getText().toString();
                if (s.length() > 0) {
                    all = all.substring(0, all.length() - 1);
                    tv_text2.setText(all);
                }
            }
        });
        line_diss.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                popupWindow.dismiss();
            }
        });
    
    
    }

    以上就可以很轻松的实现手机拨号键盘功能了,大神们有好的建议请告知本人。。谢谢

    更多相关内容
  • 无论智能手机发展再迅猛,通话始终是唯一的核心功能...开启方法很简单,进入“设置”后,将“来电语音控制”开启即可; 二、通话状态下不错过其它来电 当你在通话时,恰巧别人也给你来电,这种情况下,如何尽可能...

      无论智能手机发展再迅猛,通话始终是唯一的核心功能诉求。对此,今天小编就教大家3个让华为手机通话体验更加良好的技巧,感兴趣的花粉不妨往下看!

    d1f2430844ac5b880a4719ed88563bd2.png

      一、语音接听电话,方便的不要不要的

      当有来电时不方便用手接听?试试华为手机的“来电语音控制”功能吧。开启方法很简单,进入“设置”后,将“来电语音控制”开启即可;

    e8981b1239083fb4b6c02760d964d891.png

      二、通话状态下不错过其它来电

      当你在通话时,恰巧别人也给你来电,这种情况下,如何尽可能不错过任何一个来电呢?可以进入“设置”后,点击“更多”,然后将“呼叫等待”开启即可。这样下次当你在通话时,别人给你打电话时系统就会提示你啦!

    b2ffbef7fd488d18feb8d6af2b4bbaae.png

      三、快速拨打好友电话

      对于常用的联系人,我们可以设置快捷拨号键。仅需在“设置”页面点击“快速拨号”,然后添加常用联系人后,以后就可以长按相应的数字键快速拨打好友电话了。

    e650b23c031aa60418fbf2179c3651dc.png

      以上内容希望对花粉们有所帮助!欢迎大家常来访问迅维论坛,多多交流!更多精彩请大家耐心等待吧,今后会给大家带来更专业的文章哦。

    展开全文
  • 手机拨号效果原型: 当鼠标的悬浮、按下时,键盘的按键背景色发生变化; 当点击按下数字字母按钮时,将输入对应的数字,同时显示“添加号码”按钮和“删除”按钮; 当点击“删除”按钮时,将删除号码最后面的一个...
  • 安卓手机如何自定义设置通话背景

    千次阅读 2021-05-26 07:18:04
    通话作为手机最基本的功能,已经没有过多的去修饰它了,几乎所有手机通话相关的设置都是一样的,但是唯一有一点不一样的就是我们可以自行选择设置与别人通话时的背景图片,相信大家都已经看腻了手机默认的黑色背景了...

    现在我们使用手机最基本的需求就是要能够打电话,通话作为手机最基本的功能,已经没有过多的去修饰它了,几乎所有手机通话相关的设置都是一样的,但是唯一有一点不一样的就是我们可以自行选择设置与别人通话时的背景图片,相信大家都已经看腻了手机默认的黑色背景了吧,但是又不知道要如何设置,所以今天小编就来跟大家分享一下在安卓手机中自定义设置通话背景图片的方法步骤,有需要的朋友赶紧一起来看看下面这篇教程吧。

    515b799ae0fb483c48308d0f4225043e.png

    方法步骤

    1.首先第一步打开手机之后,在界面的左下角找到拨号图标,点击进入到拨号界面之后,切换到联系人列表界面中。

    c9bb2b1fd45c92dfe89d044c661a6cdc.png

    2.之后就来到联系人界面了,接着选择其中一个要设置通话背景的联系人,然后点击进入到他的资料界面中。

    09281221832c4d939ba9d1846e6f5485.png

    3.点击进入到他的资料界面之后点击右上角的编辑按钮即可进入到资料编辑界面,然后在下图中所示的这个界面中点击姓名旁边的大加号。

    d102dd4ed90a3c1ed91238985155d366.png

    4.点击这个加号之后我们就可以给联系人选择通话背景图片了,在我们自己的手机相册中选择好图片之后点击完成按钮。

    e6636f8706998ccae48ca4d18d185023.png

    5.最后在编辑联系人信息的界面我们点击右上角的保存按钮即可,下一次我们在跟这个联系人通话的时候就可以看到背景图片了。

    763ea1fcf07cb1577b820311eb9ea678.png

    使用以上方法我们就可以在安卓手机中为通讯录中的联系人设置通话背景了,很多用户会觉得通话时黑黑的背景有一些单调,这样的话就可以使用上述方法来为联系人设置特殊的通话背景了,有需要的朋友赶紧试一试吧。

    展开全文
  • 对于我们再熟悉不过的手机拨号键盘,今天来讲解其中的交互效果: 当鼠标的悬浮、按下时,键盘的按键背景色发生变化; 当点击按下数字字母按钮时,将输入对应的数字,同时显示“添加号码”按钮和“删除”按钮; 当...

    对于我们再熟悉不过的手机拨号键盘,今天来讲解其中的交互效果:

    1. 当鼠标的悬浮、按下时,键盘的按键背景色发生变化;
    2. 当点击按下数字字母按钮时,将输入对应的数字,同时显示“添加号码”按钮和“删除”按钮;
    3. 当点击“删除”按钮时,将删除号码最后面的一个数字;当数字全部删除时,“添加号码”按钮和“删除”按钮全部隐藏。
      在这里插入图片描述

    交互讲解一:鼠标的悬浮、按下交互

    选中12个数字符号按钮,在其【属性】栏中的交互样式,设置鼠标悬浮和按下时,填充色的变化。
    在这里插入图片描述

    交互讲解二:数字符号的输入

    利用全局变量,文本函数[[This.text]]和[[Target.text]]实现数字输入的交互。

    1. 添加全局变量

    顶部菜单栏【项目】-【全局变量】,添加全局变量,命名随意取,本教程取为:number。
    在这里插入图片描述

    2. 设置鼠标单击时事件交互

    1)选中任意数字按钮,双击属性栏中【鼠标单击时】,左侧动作栏中【全局变量】-【设置全局变量】,勾选全局变量【number】,其值设置[[This.text]]——即鼠标单击某个按钮的值(当按下按钮1,则number为1;当按下2,则number为2)。
    在这里插入图片描述

    2)为了实现,点击数字按钮时,号码输入框累积输入该数字,因此:

    在左侧动作栏【元件】-【设置文本】,勾选【号码文本框】,将文本值设置为[[Target.text]][[number]]。

    (其中,[[Target.text]]代表文本框之前的文本值,[[number]]代表刚点击的按钮值。)
    在这里插入图片描述

    接下来,直接将此交互事件复制粘贴到其他按钮上面即可,是不是很简单粗暴。

    交互讲解三:数字符号的删除

    主要利用函数[[LVAR.length]]:获得元件字符串的长度(即1234.length=4);以及函数[[LVAR.substring(from,to)]]:截取第from位到to位的字符串。

    (即[[12345.substring(1,4)]]=234,也就是说截取第一位到第四位的数字但不包括第一位。)

    1. 设置鼠标单击时事件交互

    选中【删除】按钮,双击属性栏中【鼠标单击时】,在左侧动作栏【元件】-【设置文本】,勾选【号码文本框】,其文本值设为[[LVAR1.substr(0,LVAR1.length-1)]]。

    (其中,LVAR1为局部变量,代表为【号码文本框】的元件文字,从末尾倒数第2位截取前面文字)
    在这里插入图片描述
    在这里插入图片描述

    交互讲解四:添加号码按钮和删除按钮的显示隐藏

    此交互主要判断号码文本框的值是否为空,当按下数字按钮,即添加一个数字值,值不为空,显示元件【添加号码】按钮和【删除】按钮;当值为空,则隐藏。

    1. 设置文本改变时交互事件

    1)选中【号码文本框】,双击属性【文本改变时】,选中【元件】-【显示】,勾选元件【添加号码】按钮和【删除】按钮,设置为显示。
    在这里插入图片描述

    为其添加条件:当号码文本框This的文字长度大于0时,即有值时,显示元件。
    在这里插入图片描述

    2)再次双击属性【文本改变时】,选中【元件】-【显示】,勾选元件【添加号码】按钮和【删除】按钮,设置为隐藏;作为反例Else if Ture,不需再设置条件。最终交互事件如下所示:

    在这里插入图片描述

    最终预览效果

    获取更多高保真原型和学习更多教程,可关注本人公众号:艾斯的Axure峡谷
    欢迎大家留言评论,也可以留下你期待看到的交互效果。
    在这里插入图片描述

    展开全文
  • 【鸿蒙】HarMonyOS的UI组件学习二之拨号界面

    千次阅读 多人点赞 2021-06-06 15:45:50
    打开Layout布局文件夹,编辑布局文件 该练习使用DirectionalLayout布局嵌套使用,完成手机拨号界面,该界面包含Text和Button组件组成,其效果图如下: 在graphic文件夹中创建Button使用的圆形背景样式background_...
  • 拨号界面代码_第1部分-拨号界面

    千次阅读 2020-07-23 16:22:47
    拨号界面代码When Apple launched Apple Card, I really liked the way you can make a payment using the dial. I asked myself, how would I develop that? 当Apple推出Apple Card时,我真的很喜欢您使用转盘付款...
  • 快速拨号先是在手机上应用,即手机上的快捷键。然后被Opera应用在浏览器中,之后其他浏览器纷纷效仿。目前几乎所有浏览器的快速拨号都是缩略图形式,即截取对应网页的图片,在快速拨号的方块中缩略显示。这样的好处...
  • 大家都知道,oppoa9是一款不错的手机,很多朋友入手后想要修改手机通话界面的壁纸,那么oppoa9怎么设置通话背景?感兴趣的朋友不要错过了。oppoa9怎么设置通话背景?1.我们需要点击拨号按键进入到联系人界面,然后...
  • 提示:这里简述项目相关背景: 例如:项目场景:示例:通过蓝牙芯片(HC-05)与手机 APP 通信,每隔 5s 传输一批传感器数据(不是很大) 问题描述: 提示:这里描述项目中遇到的问题: 例如:数据传输过程中数据不时...
  • 修正了两处结束符号,增加了背景分为两套源码(检测到手机打开才会自动弹出)第一套:自动拨号访问自动弹到拨号界面,并自动输入手机号。 第二套:自动短信访问自动弹到短信界面,并自动输入短信内容和手机号。 自动...
  • 手机端页面Html设置

    千次阅读 2019-07-08 15:45:52
    手机端页面Html设置
  • 前几天在报纸上看到南京有个大学生通过分析采访视频里面的拨号音知道了周鸿伟的手机,当时想了感觉原理并不复杂,拨号音是双音多频的,首先去除噪声,然后分析DTMF(双音多频)拨号音就应该可以了。 媒体总是喜欢...
  • 在openwrt上实现用手机进行3G拨号

    千次阅读 2015-12-11 14:51:54
    背景:笔者在研究Wifi机器人时,实现了通过wifi控制机器人后觉得不过瘾,想试试远距离控制,听说可以用openwrt进行3G拨号,获取到公网IP后,用其他客户端(手机、电脑等)连接openwrt,实现远程控制机器人,搜索论坛...
  • 源码JCDialPad,CDialPad可以对按钮进行完全...可以自定义拨号、通话背景。使一个简单的协议处理不同的按钮事件响应。按钮自动排列成1行3列,居中对齐。通过UIAppearance可以设置不同的颜色和字体。适配所有设置尺寸。
  • 利用matlab代码进行实验仿真,电话语音按键识别系统,通过电话按键声音的不同识别出号码数字,在增加白噪声的情况下进行滤波器滤噪声,最后用GUI封装用户界面实现频域的展示
  • 基于Android的手机计步器的设计与实现+源代码.doc
  • 手机测试用例-设置测试用例

    千次阅读 2019-09-23 15:37:06
    1、从主菜单点击设置进入设置主窗口 2、显示:手机设定、 通话设置、时钟设置、连接设置、网络服务、安全设置、防火墙 1、进入窗口正确 2、显示正确 SET_002 退出设置窗口 1、在设置主窗口点击退出 2、点击powe.....
  • BAT三家或许尚未意识到手机通讯录的意义,在流量日益分散,越发场景化的移动时代,手机通讯录的价值逐渐浮出水面——它有机会成就新的互联网入口,O2O链接线上与线下的重要通路,至少在逻辑上如...
  • lt18i修改短信背景

    2013-03-06 16:52:09
    lt18i手机背景修改。。根据描述的一步步走即可。
  • 被同样问题折腾好久进入路由器后台后,找到高级设置--外部网络(WAN)----然后在右边页面找到:[不主动发送 lcp-echo(off)],选择“是”[自适应LCP回应间隔],选择“是”****************************有个坛友的分析:...
  • java实现电脑端拨号+播放语音功能

    千次阅读 2017-10-30 15:54:25
    //没有正在拨号可以考虑自动软挂机,避免3方通话状态,话机里有背景音出现 } str= "通道" +iCh+ ": 电话机摘机" ; } break ; case BriSDKLib.BriEvent_PhoneHang: { // QNV_SetParam(pEvent->uChannelID,...
  • 背景今日头条为何能突破bat的壁垒,很大程度在于它精确的推荐算法, 能够根据用户的喜爱推荐适合用户的资讯,不断根据用户的浏览记录构建用户的偏好生态圈,进而精准投放流量。大家平常拨打电话应该都有用T9拨号盘...
  • 拨号界面如下(由于模拟器屏幕兼容问题,不能正常显示界面,手机上可正常显示):   点击时每个数字时,imagebutton会更换图片,如下:   想要实现这一功能,主要是对imagebutton的监听,代码如下: ...
  • Android7.0 数据拨号前的准备工作

    千次阅读 热门讨论 2016-08-28 15:16:08
    背景 在介绍PhoneApp的创建过程时,我们知道为了支持双卡手机,PhoneFactory创建了两个Phone对象。 然而由于通信制式、功耗等的限制,目前底层的芯片厂商规定modem工作于DSDS模式下,于是同一时间内只有一个Phone...
  • 第六章 XML 拨号方案

    2019-08-15 20:05:34
    XML拨号方案是FreeSWITCH部署的心脏。对于许多来自不同行业背景的电信老鸟来说,这可能会让人感到困惑,甚至让人感到恐惧。事实上,这是非常简单与合乎逻辑的。你只需要以学习新事物的平常的心态对待就行。 让我们...
  • 分享给大家供大家参考,具体如下:先看效果:这是我做的一个拨号器强的面板,拨号的时候会查询手机中的联系人,显示在拨号面板上方,点击弹出透明对话框供选择。这次重点是透明对话框。先看对话框的theme,style文件...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,356
精华内容 1,742
关键字:

如何设置手机拨号背景