• 揭秘uc浏览器二


    这节,四个议题:

    ①一个网页显示在webview控件中

    ②如何正常隐藏显示标题栏。

    ③如何用runnable来隐藏标题栏,这样子就更加的专业化。

    ④上节我们说道了QuickActionGrid,看他长得怎么样。

    如何显示webview控件了,This is a question?这个除了上面的文章的支持外,主要是这个updateUI的方法。

    /**
         * Update the UI: Url edit text, previous/next button state,...
         */
        private void updateUI() {
            mUrlEditText.removeTextChangedListener(mUrlTextWatcher);
            mUrlEditText.setText(mCurrentWebView.getUrl());
            mUrlEditText.addTextChangedListener(mUrlTextWatcher);
            
            mPreviousButton.setEnabled(mCurrentWebView.canGoBack());
            mNextButton.setEnabled(mCurrentWebView.canGoForward());
            
            if (mCurrentWebView.getUrl() != null)
                mRemoveTabButton.setEnabled((mViewFlipper.getChildCount() > 1 || !mCurrentWebView.getUrl().equals(Constants.URL_ABOUT_START)));
            else
                mRemoveTabButton.setEnabled(mViewFlipper.getChildCount() > 1);
            
            mProgressBar.setProgress(mCurrentWebView.getProgress());
            
            updateGoButton();
            
            updateTitle();
            
            updateFavIcon();
        }
        

    这段代码是如此的熟悉,我们也来总结总结:

    ①我们需要更新URL文本框的数据,添加新的事件的监听。

    ②把前一步,后一步按钮设置是否禁用。

    ③把移去按钮,设置是否禁用。

    ④把进度条进度进行更新。

    ⑤更新去哪儿的按钮

    ⑥更新相应的标题

    ⑦更新相应的图标

    这个webview视图进行显示了,相应视图也进行更新了。

    如何正常显示标题栏,这个就是updateTitle方法做的事情,来瞧一瞧:

        /**
         * Update the application title.
         */
        private void updateTitle() {
            String value = mCurrentWebView.getTitle();
            
            if ((value != null) &&
                    (value.length() > 0)) {        
                this.setTitle(String.format(getResources().getString(R.string.ApplicationNameUrl), value));            
            } else {
                clearTitle();
            }
        }

    这是一个更新标题的方法,我们可以得出来相应总结,

    ①我们可以获取当前webview的标题,如果是标题不为空的话,我们就设置相应的标题。否则就清空标题.

    正常的隐藏标题栏,极大提高了用户体验,这是一个runnable接口功劳,那具体怎么做了:

     1 /**
     2      * Start a runnable to hide the tool bars after a user-defined delay.
     3      */
     4     private void startToolbarsHideRunnable() {
     5                         
     6         if (mHideToolbarsRunnable != null) {
     7             mHideToolbarsRunnable.setDisabled();
     8         }
     9         
    10         int delay = Integer.parseInt(Controller.getInstance().getPreferences().getString(Constants.PREFERENCES_GENERAL_BARS_DURATION, "3000"));
    11         if (delay <= 0) {
    12             delay = 3000;
    13         }
    14         
    15         mHideToolbarsRunnable = new HideToolbarsRunnable(this, delay);        
    16         new Thread(mHideToolbarsRunnable).start();
    17     }
    18     
    19     /**
    20      * Hide the tool bars.
    21      */
    22     public void hideToolbars() {
    23         if (mUrlBarVisible) {            
    24             if ((!mUrlEditText.hasFocus()) &&
    25                     (!mToolsActionGridVisible)) {
    26                 
    27                 if (!mCurrentWebView.isLoading()) {
    28                     setToolbarsVisibility(false);
    29                 }
    30             }
    31         }
    32         mHideToolbarsRunnable = null;
    33     }

    我这里能够得到这样的提示了:

    ①用到sharedpreference看用户设置时间,如果没有设置时间的话,默认是3秒就开启一条线程将其标题栏隐藏了。为什么会用到多线程了,这样不会更新主界面造成卡顿的现象。

    ②如果toolbar是隐藏的,就将其隐藏。

    QuickActionGrid是一个自定义控件,为什么用自定义控件了,

    ①android自带的控件太多bug。

    ②自定义控件也非常的灵活。

    源代码如下:

    public class QuickActionGrid extends QuickActionWidget {
    
    //    grid 控件
        private GridView mGridView;
    
        /**
         * grid 构造函数  数据的初始化
         * @param context  上下文对象
         */
        public QuickActionGrid(Context context) {
            super(context);
    
            setContentView(R.layout.gd_quick_action_grid);
    
            final View v = getContentView();
            mGridView = (GridView) v.findViewById(R.id.gdi_grid);
        }
        /**
         * 弹出相应的action的方法
         */
    
        @Override
        protected void populateQuickActions(final List<QuickAction> quickActions) {
    
            mGridView.setAdapter(new BaseAdapter() {
    
                public View getView(int position, View view, ViewGroup parent) {
    
                    TextView textView = (TextView) view;
    
                    if (view == null) {
                        final LayoutInflater inflater = LayoutInflater.from(getContext());
                        textView = (TextView) inflater.inflate(R.layout.gd_quick_action_grid_item, mGridView, false);
                    }
    
                    QuickAction quickAction = quickActions.get(position);
                    textView.setText(quickAction.mTitle);
                    textView.setCompoundDrawablesWithIntrinsicBounds(null, quickAction.mDrawable, null, null);
    
                    return textView;
    
                }
    
                public long getItemId(int position) {
                    return position;
                }
    
                public Object getItem(int position) {
                    return null;
                }
    
                public int getCount() {
                    return quickActions.size();
                }
            });
    
            mGridView.setOnItemClickListener(mInternalItemClickListener);
        }
    
        /**
         * 尺寸改变的事件
         */
        @Override
        protected void onMeasureAndLayout(Rect anchorRect, View contentView) {
    
            contentView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
            contentView.measure(MeasureSpec.makeMeasureSpec(getScreenWidth(), MeasureSpec.EXACTLY),
                    LayoutParams.WRAP_CONTENT);
    
            int rootHeight = contentView.getMeasuredHeight();
    
            int offsetY = getArrowOffsetY();
            int dyTop = anchorRect.top;
            int dyBottom = getScreenHeight() - anchorRect.bottom;
    
            boolean onTop = (dyTop > dyBottom);
            int popupY = (onTop) ? anchorRect.top - rootHeight + offsetY : anchorRect.bottom - offsetY;
    
            setWidgetSpecs(popupY, onTop);
        }
    
        /**
         * 每项点击的事件
         */
        private OnItemClickListener mInternalItemClickListener = new OnItemClickListener() {
            public void onItemClick(AdapterView<?> adapterView, View view, int position, long id) {
                getOnQuickActionClickListener().onQuickActionClicked(QuickActionGrid.this, position);
                if (getDismissOnClick()) {
                    dismiss();
                }
            }
        };
    
    }

    这个quickGrid控件是继承与quickWidget控件,这也是一个自定义控件。对于他这个方法,我们集中于populateQuickActions方法和onMeasureAndLayout方法。

    ①populateQuickActions方法其实就是一个填充相应数据的方法,就是把相应的数据通过baseAdapter填充与gridview控件,gridview控件用于显示相应数据项。

    ②mInternalItemClickListener方法了,就是为每一个item赋予点击事件,如果这个点击动作已经执行以后,就相应弹出的popwindow就进行了隐藏。

    quickwidget控件在这个项目用的很多,这是许多控件的基类,怎么写的。

      1     private static final int MEASURE_AND_LAYOUT_DONE = 1 << 1;
      2 
      3     private final int[] mLocation = new int[2];
      4     private final Rect mRect = new Rect();
      5 
      6     private int mPrivateFlags;
      7 
      8     private Context mContext;
      9 
     10     private boolean mDismissOnClick;
     11     private int mArrowOffsetY;
     12 
     13     private int mPopupY;
     14     private boolean mIsOnTop;
     15 
     16     private int mScreenHeight;
     17     private int mScreenWidth;
     18     private boolean mIsDirty;
     19 
     20     private OnQuickActionClickListener mOnQuickActionClickListener;
     21     private ArrayList<QuickAction> mQuickActions = new ArrayList<QuickAction>();
     22 
     23     /**
     24      * Interface that may be used to listen to clicks on quick actions.
     25      *
     26      * @author Benjamin Fellous
     27      * @author Cyril Mottier
     28      */
     29     public static interface OnQuickActionClickListener {
     30         /**
     31          * Clients may implement this method to be notified of a click on a
     32          * particular quick action.
     33          *
     34          * @param position Position of the quick action that have been clicked.
     35          */
     36         void onQuickActionClicked(QuickActionWidget widget, int position);
     37     }
     38 
     39     /**
     40      * Creates a new QuickActionWidget for the given context.
     41      *
     42      * @param context The context in which the QuickActionWidget is running in
     43      */
     44     public QuickActionWidget(Context context) {
     45         super(context);
     46 
     47         mContext = context;
     48 
     49         initializeDefault();
     50 
     51         setFocusable(true);
     52         setTouchable(true);
     53         setOutsideTouchable(true);
     54         setWidth(WindowManager.LayoutParams.WRAP_CONTENT);
     55         setHeight(WindowManager.LayoutParams.WRAP_CONTENT);
     56 
     57         final WindowManager windowManager = (WindowManager) mContext.getSystemService(Context.WINDOW_SERVICE);
     58         mScreenWidth = windowManager.getDefaultDisplay().getWidth();
     59         mScreenHeight = windowManager.getDefaultDisplay().getHeight();
     60     }
     61 
     62     /**
     63      * Equivalent to {@link PopupWindow#setContentView(View)} but with a layout
     64      * identifier.
     65      *
     66      * @param layoutId The layout identifier of the view to use.
     67      */
     68     public void setContentView(int layoutId) {
     69         setContentView(LayoutInflater.from(mContext).inflate(layoutId, null));
     70     }
     71 
     72     private void initializeDefault() {
     73         mDismissOnClick = true;
     74         mArrowOffsetY = mContext.getResources().getDimensionPixelSize(R.dimen.gd_arrow_offset);
     75     }
     76 
     77     /**
     78      * Returns the arrow offset for the Y axis.
     79      *
     80      * @see {@link #setArrowOffsetY(int)}
     81      * @return The arrow offset.
     82      */
     83     public int getArrowOffsetY() {
     84         return mArrowOffsetY;
     85     }
     86 
     87     /**
     88      * Sets the arrow offset to a new value. Setting an arrow offset may be
     89      * particular useful to warn which view the QuickActionWidget is related to.
     90      * By setting a positive offset, the arrow will overlap the view given by
     91      * {@link #show(View)}. The default value is 5dp.
     92      *
     93      * @param offsetY The offset for the Y axis
     94      */
     95     public void setArrowOffsetY(int offsetY) {
     96         mArrowOffsetY = offsetY;
     97     }
     98 
     99     /**
    100      * Returns the width of the screen.
    101      *
    102      * @return The width of the screen
    103      */
    104     protected int getScreenWidth() {
    105         return mScreenWidth;
    106     }
    107 
    108     /**
    109      * Returns the height of the screen.
    110      *
    111      * @return The height of the screen
    112      */
    113     protected int getScreenHeight() {
    114         return mScreenHeight;
    115     }
    116 
    117     /**
    118      * By default, a {@link QuickActionWidget} is dismissed once the user
    119      * clicked on a {@link QuickAction}. This behavior can be changed using this
    120      * method.
    121      *
    122      * @param dismissOnClick True if you want the {@link QuickActionWidget} to
    123      * be dismissed on click else false.
    124      */
    125     public void setDismissOnClick(boolean dismissOnClick) {
    126         mDismissOnClick = dismissOnClick;
    127     }
    128 
    129     public boolean getDismissOnClick() {
    130         return mDismissOnClick;
    131     }
    132 
    133     /**
    134      * @param listener
    135      */
    136     public void setOnQuickActionClickListener(OnQuickActionClickListener listener) {
    137         mOnQuickActionClickListener = listener;
    138     }
    139 
    140     /**
    141      * Add a new QuickAction to this {@link QuickActionWidget}. Adding a new
    142      * {@link QuickAction} while the {@link QuickActionWidget} is currently
    143      * being shown does nothing. The new {@link QuickAction} will be displayed
    144      * on the next call to {@link #show(View)}.
    145      *
    146      * @param action The new {@link QuickAction} to add
    147      */
    148     public void addQuickAction(QuickAction action) {
    149         if (action != null) {
    150             mQuickActions.add(action);
    151             mIsDirty = true;
    152         }
    153     }
    154 
    155     /**
    156      * Removes all {@link QuickAction} from this {@link QuickActionWidget}.
    157      */
    158     public void clearAllQuickActions() {
    159         if (!mQuickActions.isEmpty()) {
    160             mQuickActions.clear();
    161             mIsDirty = true;
    162         }
    163     }
    164 
    165     /**
    166      * Call that method to display the {@link QuickActionWidget} anchored to the
    167      * given view.
    168      *
    169      * @param anchor The view the {@link QuickActionWidget} will be anchored to.
    170      */
    171     public void show(View anchor) {
    172 
    173         final View contentView = getContentView();
    174 
    175         if (contentView == null) {
    176             throw new IllegalStateException("You need to set the content view using the setContentView method");
    177         }
    178 
    179         // Replaces the background of the popup with a cleared background
    180         setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
    181 
    182         final int[] loc = mLocation;
    183         anchor.getLocationOnScreen(loc);
    184         mRect.set(loc[0], loc[1], loc[0] + anchor.getWidth(), loc[1] + anchor.getHeight());
    185 
    186         if (mIsDirty) {
    187             clearQuickActions();
    188             populateQuickActions(mQuickActions);
    189         }
    190 
    191         onMeasureAndLayout(mRect, contentView);
    192 
    193         if ((mPrivateFlags & MEASURE_AND_LAYOUT_DONE) != MEASURE_AND_LAYOUT_DONE) {
    194             throw new IllegalStateException("onMeasureAndLayout() did not set the widget specification by calling"
    195                     + " setWidgetSpecs()");
    196         }
    197 
    198         showArrow();
    199         prepareAnimationStyle();
    200         showAtLocation(anchor, Gravity.NO_GRAVITY, 0, mPopupY);
    201     }
    202 
    203     protected void clearQuickActions() {
    204         if (!mQuickActions.isEmpty()) {
    205             onClearQuickActions();
    206         }
    207     }
    208 
    209     protected void onClearQuickActions() {
    210     }
    211 
    212     protected abstract void populateQuickActions(List<QuickAction> quickActions);
    213 
    214     protected abstract void onMeasureAndLayout(Rect anchorRect, View contentView);
    215 
    216     protected void setWidgetSpecs(int popupY, boolean isOnTop) {
    217         mPopupY = popupY;
    218         mIsOnTop = isOnTop;
    219 
    220         mPrivateFlags |= MEASURE_AND_LAYOUT_DONE;
    221     }
    222 
    223     private void showArrow() {
    224 
    225         final View contentView = getContentView();
    226         final int arrowId = mIsOnTop ? R.id.gdi_arrow_down : R.id.gdi_arrow_up;
    227         final View arrow = contentView.findViewById(arrowId);
    228         final View arrowUp = contentView.findViewById(R.id.gdi_arrow_up);
    229         final View arrowDown = contentView.findViewById(R.id.gdi_arrow_down);
    230 
    231         if (arrowId == R.id.gdi_arrow_up) {
    232             arrowUp.setVisibility(View.VISIBLE);
    233             arrowDown.setVisibility(View.INVISIBLE);
    234         } else if (arrowId == R.id.gdi_arrow_down) {
    235             arrowUp.setVisibility(View.INVISIBLE);
    236             arrowDown.setVisibility(View.VISIBLE);
    237         }
    238 
    239         ViewGroup.MarginLayoutParams param = (ViewGroup.MarginLayoutParams) arrow.getLayoutParams();
    240         param.leftMargin = mRect.centerX() - (arrow.getMeasuredWidth()) / 2;
    241     }
    242 
    243     private void prepareAnimationStyle() {
    244 
    245         final int screenWidth = mScreenWidth;
    246         final boolean onTop = mIsOnTop;
    247         final int arrowPointX = mRect.centerX();
    248 
    249         if (arrowPointX <= screenWidth / 4) {
    250             setAnimationStyle(onTop ? R.style.GreenDroid_Animation_PopUp_Left
    251                     : R.style.GreenDroid_Animation_PopDown_Left);
    252         } else if (arrowPointX >= 3 * screenWidth / 4) {
    253             setAnimationStyle(onTop ? R.style.GreenDroid_Animation_PopUp_Right
    254                     : R.style.GreenDroid_Animation_PopDown_Right);
    255         } else {
    256             setAnimationStyle(onTop ? R.style.GreenDroid_Animation_PopUp_Center
    257                     : R.style.GreenDroid_Animation_PopDown_Center);
    258         }
    259     }
    260 
    261     protected Context getContext() {
    262         return mContext;
    263     }
    264 
    265     protected OnQuickActionClickListener getOnQuickActionClickListener() {
    266         return mOnQuickActionClickListener;
    267     }

    首先这个控件本质是Popwindow,对于这个控件我们要探讨的有这么几点:

    ①show这个方法中了,主要是根据相应的锚基点来弹出来了,并且在指定的位置弹出相应的窗口。

    ②在showarrow这个方法,我们需要根据是否向上还是向下显示相应的箭头,给用户一个很好的提示。

    ③在动画的操作方法中,我们要根据其坐标是否小于全频宽度的四分之一位置,从左边的位置弹出来,其坐标从全频宽度四分之三的位置,从右侧位置弹出来了。

    有了这篇文章介绍,主界面应该了解了把?下节介绍收藏和历史界面。

  • 相关阅读:
    读《少有人走的路》《第3选择》
    《谁说这辈子只能这样》の悟
    日本专利的下载方法
    08.29 JavaScript 全局对象 JSON对象
    08.28 JavaScript 边界 选择修饰符 模式单元 修饰符 正则的使用
    08.25 javascript 倒计时+正则表达式 定义 作用 定义正则表达式
    08.24 javascript 内置对象 function apply() * call() * bind() ECMA5新增
    08.23 javasript 随机数 定时函数 多次函数 单次定时 Array属性 方法 ECMA5 新增方法
    08.22 javaScript 原型的定义 原型链 获取原型 操作原型的属性 判断原型是自有的还是继承的 各种方法
    08.21 javaScript07 object 概念 创建对象 创建属性操作 方法遍历 原型
  • 原文地址:https://www.cnblogs.com/manuosex/p/3613319.html
Copyright © 2020-2023  润新知