android仿iPhone滚轮控件实现及源码分析

最新推荐文章于 2024-05-02 20:40:27 发布
最新推荐文章于 2024-05-02 20:40:27 发布
阅读量3.2k 收藏
点赞数
文章标签： android iphone layout scroll null animation

首先，先看下效果图：

1332813916_4919.jpg

1332813930_8607.jpg 1332813939_8118.jpg

      这三张图分别是使用滚动控件实现城市，随机数和时间三个简单的例子，当然，界面有点简陋，下面我们就以时间这个为例，开始解析一下。

     首先，先看下布局文件：


  1. <?xml version="1.0" encoding="utf-8"?>

  3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  4.         android:layout_height="wrap_content"
  5.         android:layout_width="fill_parent"
  6.         android:layout_marginTop="12dp"
  7.         android:orientation="vertical"
  8.         android:background="@drawable/layout_bg">
  9.         
  10.         <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  11.                 android:layout_height="wrap_content"
  12.                 android:layout_width="fill_parent"
  13.                 android:layout_gravity="center_horizontal"
  14.                 android:paddingLeft="12dp"
  15.                 android:paddingRight="12dp"
  16.                 android:paddingTop="10dp">
  17.          
  18.                   <kankan.wheel.widget.WheelView android:id="@+id/hour"
  19.                         android:layout_height="wrap_content"
  20.                         android:layout_width="fill_parent"
  21.                         android:layout_weight="1"/>
  22.                 <kankan.wheel.widget.WheelView android:id="@+id/mins"
  23.                         android:layout_height="wrap_content"
  24.                         android:layout_width="fill_parent"
  25.                         android:layout_weight="1"/>
  26.         </LinearLayout>
  27.         
  28.         <TimePicker android:id="@+id/time"
  29.                 android:layout_marginTop="12dp"
  30.                 android:layout_height="wrap_content"
  31.                 android:layout_width="fill_parent"
  32.                 android:layout_weight="1"/>
  33.                
  34. </LinearLayout>
复制代码
里面只有三个控件，两个自定义的WheelView，还有一个TimePicker，然后进入代码里面看一下：
  1. public class TimeActivity extends Activity {
  2.         // Time changed flag
  3.         private boolean timeChanged = false;
  4.         
  5.         //
  6.         private boolean timeScrolled = false;
  7.         
  8.         @Override
  9.         public void onCreate(Bundle savedInstanceState) {
  10.                 super.onCreate(savedInstanceState);

  12.                 setContentView(R.layout.time_layout);
  13.         
  14.                 final WheelView hours = (WheelView) findViewById(R.id.hour);
  15.                 hours.setAdapter(new NumericWheelAdapter(0, 23));
  16.                 hours.setLabel("hours");
  17.         
  18.                 final WheelView mins = (WheelView) findViewById(R.id.mins);
  19.                 mins.setAdapter(new NumericWheelAdapter(0, 59, "%02d"));
  20.                 mins.setLabel("mins");
  21.                 mins.setCyclic(true);
  22.         
  23.                 final TimePicker picker = (TimePicker) findViewById(R.id.time);
  24.                 picker.setIs24HourView(true);
  25.         
  26.                 // set current time
  27.                 Calendar c = Calendar.getInstance();
  28.                 int curHours = c.get(Calendar.HOUR_OF_DAY);
  29.                 int curMinutes = c.get(Calendar.MINUTE);
  30.         
  31.                 hours.setCurrentItem(curHours);
  32.                 mins.setCurrentItem(curMinutes);
  33.         
  34.                 picker.setCurrentHour(curHours);
  35.                 picker.setCurrentMinute(curMinutes);
  36.         
  37.                 // add listeners
  38.                 addChangingListener(mins, "min");
  39.                 addChangingListener(hours, "hour");
  40.         
  41.                 OnWheelChangedListener wheelListener = new OnWheelChangedListener() {
  42.                         public void onChanged(WheelView wheel, int oldValue, int newValue) {
  43.                                 if (!timeScrolled) {
  44.                                         timeChanged = true;
  45.                                         picker.setCurrentHour(hours.getCurrentItem());
  46.                                         picker.setCurrentMinute(mins.getCurrentItem());
  47.                                         timeChanged = false;
  48.                                 }
  49.                         }
  50.                 };

  52.                 hours.addChangingListener(wheelListener);
  53.                 mins.addChangingListener(wheelListener);

  55.                 OnWheelScrollListener scrollListener = new OnWheelScrollListener() {
  56.                         public void onScrollingStarted(WheelView wheel) {
  57.                                 timeScrolled = true;
  58.                         }
  59.                         public void onScrollingFinished(WheelView wheel) {
  60.                                 timeScrolled = false;
  61.                                 timeChanged = true;
  62.                                 picker.setCurrentHour(hours.getCurrentItem());
  63.                                 picker.setCurrentMinute(mins.getCurrentItem());
  64.                                 timeChanged = false;
  65.                         }
  66.                 };
  67.                
  68.                 hours.addScrollingListener(scrollListener);
  69.                 mins.addScrollingListener(scrollListener);
  70.                
  71.                 picker.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener() {
  72.                         public void onTimeChanged(TimePicker  view, int hourOfDay, int minute) {
  73.                                 if (!timeChanged) {
  74.                                         hours.setCurrentItem(hourOfDay, true);
  75.                                         mins.setCurrentItem(minute, true);
  76.                                 }
  77.                         }
  78.                 });
  79.         }

  81.         /**
  82.          * Adds changing listener for wheel that updates the wheel label
  83.          * @param wheel the wheel
  84.          * @param label the wheel label
  85.          */
  86.         private void addChangingListener(final WheelView wheel, final String label) {
  87.                 wheel.addChangingListener(new OnWheelChangedListener() {
  88.                         public void onChanged(WheelView wheel, int oldValue, int newValue) {
  89.                                 wheel.setLabel(newValue != 1 ? label + "s" : label);
  90.                         }
  91.                 });
  92.         }
  93. }
复制代码
看一下，里面调用WheelView的方法有
setAdapter()、
setLabel("mins")、
setCyclic(true)、setCurrentItem()、getCurrentItem()、addChangingListener()、addScrollingListener()这些方法，其中setAapter设置数据适配器，setCyclic()设置是否是循环，setCurrentItem和getCurrentItem分别是设置现在选择的item和返回现在选择的item。后面两个设置监听的方法中，需要重写两个接口：

  1. /**
  2. * Wheel scrolled listener interface.
  3. */
  4. public interface OnWheelScrollListener {
  5.         /**
  6.          * Callback method to be invoked when scrolling started.
  7.          * @param wheel the wheel view whose state has changed.
  8.          */
  9.         void onScrollingStarted(WheelView wheel);
  10.         
  11.         /**
  12.          * Callback method to be invoked when scrolling ended.
  13.          * @param wheel the wheel view whose state has changed.
  14.          */
  15.         void onScrollingFinished(WheelView wheel);
  16. }
复制代码
和

  1. public interface OnWheelChangedListener {
  2.         /**
  3.          * Callback method to be invoked when current item changed
  4.          * @param wheel the wheel view whose state has changed
  5.          * @param oldValue the old value of current item
  6.          * @param newValue the new value of current item
  7.          */
  8.         void onChanged(WheelView wheel, int oldValue, int newValue);
  9. }
复制代码
在这里使用的是典型的回调方法模式。

然后现在，我们进入WheelView类，看一下他是如何构建，首先，WheelView继承了View类。代码的22行到45行是导入的所需要的类。从54行到135行是声明一些变量和类：

  1. /** Scrolling duration */
  2.         private static final int SCROLLING_DURATION = 400;

  4.         /** Minimum delta for scrolling */
  5.         private static final int MIN_DELTA_FOR_SCROLLING = 1;

  7.         /** Current value & label text color */
  8.         private static final int VALUE_TEXT_COLOR = 0xF0000000;

  10.         /** Items text color */
  11.         private static final int ITEMS_TEXT_COLOR = 0xFF000000;

  13.         /** Top and bottom shadows colors */
  14.         private static final int[] SHADOWS_COLORS = new int[] { 0xFF111111,
  15.                         0x00AAAAAA, 0x00AAAAAA };

  17.         /** Additional items height (is added to standard text item height) */
  18.         private static final int ADDITIONAL_ITEM_HEIGHT = 15;

  20.         /** Text size */
  21.         private static final int TEXT_SIZE = 24;

  23.         /** Top and bottom items offset (to hide that) */
  24.         private static final int ITEM_OFFSET = TEXT_SIZE / 5;

  26.         /** Additional width for items layout */
  27.         private static final int ADDITIONAL_ITEMS_SPACE = 10;

  29.         /** Label offset */
  30.         private static final int LABEL_OFFSET = 8;

  32.         /** Left and right padding value */
  33.         private static final int PADDING = 10;

  35.         /** Default count of visible items */
  36.         private static final int DEF_VISIBLE_ITEMS = 5;

  38.         // Wheel Values
  39.         private WheelAdapter adapter = null;
  40.         private int currentItem = 0;
  41.         
  42.         // Widths
  43.         private int itemsWidth = 0;
  44.         private int labelWidth = 0;

  46.         // Count of visible items
  47.         private int visibleItems = DEF_VISIBLE_ITEMS;
  48.         
  49.         // Item height
  50.         private int itemHeight = 0;

  52.         // Text paints
  53.         private TextPaint itemsPaint;
  54.         private TextPaint valuePaint;

  56.         // Layouts
  57.         private StaticLayout itemsLayout;
  58.         private StaticLayout labelLayout;
  59.         private StaticLayout valueLayout;

  61.         // Label & background
  62.         private String label;
  63.         private Drawable centerDrawable;

  65.         // Shadows drawables
  66.         private GradientDrawable topShadow;
  67.         private GradientDrawable bottomShadow;

  69.         // Scrolling
  70.         private boolean isScrollingPerformed;
  71.         private int scrollingOffset;

  73.         // Scrolling animation
  74.         private GestureDetector gestureDetector;
  75.         private Scroller scroller;
  76.         private int lastScrollY;

  78.         // Cyclic
  79.         boolean isCyclic = false;
  80.         
  81.         // Listeners
  82.         private List<OnWheelChangedListener> changingListeners = new LinkedList<OnWheelChangedListener>();
  83.         private List<OnWheelScrollListener> scrollingListeners = new LinkedList<OnWheelScrollListener>();
复制代码
  在这里面，使用到了StaticLayout，在开发文档中找一下这个类：

  1. StaticLayout is a Layout for text that will not be edited after it is laid out. Use DynamicLayout for text that may change.

  3. This is used by widgets to control text layout. You should not need to use this class directly unless you are implementing your own widget or custom display object, or would be tempted to call Canvas.drawText() directly.
复制代码
staticLayout被创建以后就不能被修改了，通常被用于控制文本组件布局。    还使用到了Drawable、Text'Paint、GradientDrawable、GestureDetector、Scroller类，在开发文档中，GradientDrawable的概述：
  1. A Drawable with a color gradient for buttons, backgrounds, etc.

  3. It can be defined in an XML file with the <shape> element. For more information, see the guide to Drawable Resources.
复制代码
就是说这个类可以为按钮或者背景等提供渐变颜色的绘制。TextPaint的概述：
  1. TextPaint is an extension of Paint that leaves room for some extra data used during text measuring and drawing.
复制代码
TextPaint是Paint类的一个扩展，主要是用于文本在绘制的过程中为附件的数据留出空间。
GestureDetector:手势检测，看下开发文档中关于该类的概述：
  1. Detects various gestures and events using the supplied MotionEvents. The GestureDetector.OnGestureListener callback will notify users when a particular motion event has occurred. This class should only be used with MotionEvents reported via touch (don't use for trackball events).
复制代码
  为各种手势和事件提供MotionEvents。当一个具体的事件发生时会调用回调函数GestureDetector.OnGestureListener。这个类应该只适用于MotionEvents通过触摸触发的事件(不要使用追踪事件)。

        140行到156行是构造方法，175到183行是set和getAdapter。在193行，setInterpolator()方法，设置interPolator这个动画接口，我们看下这个接口的概述：
  1. An interpolator defines the rate of change of an animation. This allows the basic animation effects (alpha, scale, translate, rotate) to be accelerated, decelerated, repeated, etc.
复制代码
定义了一种基于变率的一个动画。这使得基本的动画效果(alpha, scale, translate, rotate )是加速,减慢,重复等。这个方法在随机数这个例子中被使用。
        203行到213行设置显示的item条数。在setVisibleItems()方法里面调用了View的invalidate()方法，看下文档中对该方法的介绍：
  1. Invalidate the whole view. If the view is visible, onDraw(android.graphics.Canvas) will be called at some point in the future. This must be called from a UI thread. To call from a non-UI thread, call postInvalidate().
复制代码
使全部视图失效，如果View视图是可见的，会在UI线程里面从新调用onDraw()方法。       223行到233行是设置Label，既后面图片中的hours. 1332829572_5658.jpg
2012-3-31 08:44 上传
下载附件(3.15 KB)
      


245行到296行是设置监听，在上面已经简单的说了一下，这里不在累述。



       307行到349行是设置正被选中item，就是在那个阴影条框下的那个部分，比较简单。里面主要调用了scroll这个方法：
  1. /**
  2.          * Scroll the wheel
  3.          * @param itemsToSkip items to scroll
  4.          * @param time scrolling duration
  5.          */
  6.         public void scroll(int itemsToScroll, int time) {
  7.                 scroller.forceFinished(true);
  8.                 lastScrollY = scrollingOffset;
  9.                 int offset = itemsToScroll * getItemHeight();               
  10.                 scroller.startScroll(0, lastScrollY, 0, offset - lastScrollY, time);
  11.                 setNextMessage(MESSAGE_SCROLL);               
  12.                 startScrolling();
  13.         }
复制代码
357行到365行是设置item数据能否循环使用。


       384行的initResourcesIfNecessary()方法，从字面意思，如果需要的初始化资源。
  1. private void initResourcesIfNecessary() {
  2.                 if (itemsPaint == null) {
  3.                         itemsPaint = new TextPaint(Paint.ANTI_ALIAS_FLAG
  4.                                         | Paint.FAKE_BOLD_TEXT_FLAG);
  5.                         //itemsPaint.density = getResources().getDisplayMetrics().density;
  6.                         itemsPaint.setTextSize(TEXT_SIZE);
  7.                 }

  9.                 if (valuePaint == null) {
  10.                         valuePaint = new TextPaint(Paint.ANTI_ALIAS_FLAG
  11.                                         | Paint.FAKE_BOLD_TEXT_FLAG | Paint.DITHER_FLAG);
  12.                         //valuePaint.density = getResources().getDisplayMetrics().density;
  13.                         valuePaint.setTextSize(TEXT_SIZE);
  14.                         valuePaint.setShadowLayer(0.1f, 0, 0.1f, 0xFFC0C0C0);
  15.                 }

  17.                 if (centerDrawable == null) {
  18.                         centerDrawable = getContext().getResources().getDrawable(R.drawable.wheel_val);
  19.                 }

  21.                 if (topShadow == null) {
  22.                         topShadow = new GradientDrawable(Orientation.TOP_BOTTOM, SHADOWS_COLORS);
  23.                 }

  25.                 if (bottomShadow == null) {
  26.                         bottomShadow = new GradientDrawable(Orientation.BOTTOM_TOP, SHADOWS_COLORS);
  27.                 }

  29.                 setBackgroundResource(R.drawable.wheel_bg);
  30.         }
复制代码

这个方法就是初始化在532行calculateLayoutWidth()方法中调用了这个方法，同时调用了487行的getMaxTextLength()这个方法。
      471行getTextItem(int index)通过一个索引获取该item的文本。

      这是第一部分，没有多少有太多意思的地方，重点的地方在以后532行到940行的内容，另起一篇，开始分析，这一篇先到这。


第二部分，大家往下看！

在上一篇。简单的说了下架构还有效果图，但是关于图形的绘制各方面的代码在532行到940行，如果写在一篇文章里面，可能会导致文章太长，效果不好，所以自作聪明的分成了两篇。闲言碎语不要讲，下面开始正事。

       首先，先把代码贴出来：

  1. /**
  2.          * Calculates control width and creates text layouts
  3.          * @param widthSize the input layout width
  4.          * @param mode the layout mode
  5.          * @return the calculated control width
  6.          */
  7.         private int calculateLayoutWidth(int widthSize, int mode) {
  8.                 initResourcesIfNecessary();

  10.                 int width = widthSize;
  11.                 int maxLength = getMaxTextLength();
  12.                 if (maxLength > 0) {
  13.                         float textWidth = FloatMath.ceil(Layout.getDesiredWidth("0", itemsPaint));
  14.                         itemsWidth = (int) (maxLength * textWidth);
  15.                 } else {
  16.                         itemsWidth = 0;
  17.                 }
  18.                 itemsWidth += ADDITIONAL_ITEMS_SPACE; // make it some more

  20.                 labelWidth = 0;
  21.                 if (label != null && label.length() > 0) {
  22.                         labelWidth = (int) FloatMath.ceil(Layout.getDesiredWidth(label, valuePaint));
  23.                 }

  25.                 boolean recalculate = false;
  26.                 if (mode == MeasureSpec.EXACTLY) {
  27.                         width = widthSize;
  28.                         recalculate = true;
  29.                 } else {
  30.                         width = itemsWidth + labelWidth + 2 * PADDING;
  31.                         if (labelWidth > 0) {
  32.                                 width += LABEL_OFFSET;
  33.                         }

  35.                         // Check against our minimum width
  36.                         width = Math.max(width, getSuggestedMinimumWidth());

  38.                         if (mode == MeasureSpec.AT_MOST && widthSize < width) {
  39.                                 width = widthSize;
  40.                                 recalculate = true;
  41.                         }
  42.                 }

  44.                 if (recalculate) {
  45.                         // recalculate width
  46.                         int pureWidth = width - LABEL_OFFSET - 2 * PADDING;
  47.                         if (pureWidth <= 0) {
  48.                                 itemsWidth = labelWidth = 0;
  49.                         }
  50.                         if (labelWidth > 0) {
  51.                                 double newWidthItems = (double) itemsWidth * pureWidth
  52.                                                 / (itemsWidth + labelWidth);
  53.                                 itemsWidth = (int) newWidthItems;
  54.                                 labelWidth = pureWidth - itemsWidth;
  55.                         } else {
  56.                                 itemsWidth = pureWidth + LABEL_OFFSET; // no label
  57.                         }
  58.                 }

  60.                 if (itemsWidth > 0) {
  61.                         createLayouts(itemsWidth, labelWidth);
  62.                 }

  64.                 return width;
  65.         }

  67.         /**
  68.          * Creates layouts
  69.          * @param widthItems width of items layout
  70.          * @param widthLabel width of label layout
  71.          */
  72.         private void createLayouts(int widthItems, int widthLabel) {
  73.                 if (itemsLayout == null || itemsLayout.getWidth() > widthItems) {
  74.                         itemsLayout = new StaticLayout(buildText(isScrollingPerformed), itemsPaint, widthItems,
  75.                                         widthLabel > 0 ? Layout.Alignment.ALIGN_OPPOSITE : Layout.Alignment.ALIGN_CENTER,
  76.                                         1, ADDITIONAL_ITEM_HEIGHT, false);
  77.                 } else {
  78.                         itemsLayout.increaseWidthTo(widthItems);
  79.                 }

  81.                 if (!isScrollingPerformed && (valueLayout == null || valueLayout.getWidth() > widthItems)) {
  82.                         String text = getAdapter() != null ? getAdapter().getItem(currentItem) : null;
  83.                         valueLayout = new StaticLayout(text != null ? text : "",
  84.                                         valuePaint, widthItems, widthLabel > 0 ?
  85.                                                         Layout.Alignment.ALIGN_OPPOSITE : Layout.Alignment.ALIGN_CENTER,
  86.                                                         1, ADDITIONAL_ITEM_HEIGHT, false);
  87.                 } else if (isScrollingPerformed) {
  88.                         valueLayout = null;
  89.                 } else {
  90.                         valueLayout.increaseWidthTo(widthItems);
  91.                 }

  93.                 if (widthLabel > 0) {
  94.                         if (labelLayout == null || labelLayout.getWidth() > widthLabel) {
  95.                                 labelLayout = new StaticLayout(label, valuePaint,
  96.                                                 widthLabel, Layout.Alignment.ALIGN_NORMAL, 1,
  97.                                                 ADDITIONAL_ITEM_HEIGHT, false);
  98.                         } else {
  99.                                 labelLayout.increaseWidthTo(widthLabel);
  100.                         }
  101.                 }
  102.         }

  104.         @Override
  105.         protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  106.                 int widthMode = MeasureSpec.getMode(widthMeasureSpec);
  107.                 int heightMode = MeasureSpec.getMode(heightMeasureSpec);
  108.                 int widthSize = MeasureSpec.getSize(widthMeasureSpec);
  109.                 int heightSize = MeasureSpec.getSize(heightMeasureSpec);

  111.                 int width = calculateLayoutWidth(widthSize, widthMode);

  113.                 int height;
  114.                 if (heightMode == MeasureSpec.EXACTLY) {
  115.                         height = heightSize;
  116.                 } else {
  117.                         height = getDesiredHeight(itemsLayout);

  119.                         if (heightMode == MeasureSpec.AT_MOST) {
  120.                                 height = Math.min(height, heightSize);
  121.                         }
  122.                 }

  124.                 setMeasuredDimension(width, height);
  125.         }

  127.         @Override
  128.         protected void onDraw(Canvas canvas) {
  129.                 super.onDraw(canvas);
  130.                
  131.                 if (itemsLayout == null) {
  132.                         if (itemsWidth == 0) {
  133.                                 calculateLayoutWidth(getWidth(), MeasureSpec.EXACTLY);
  134.                         } else {
  135.                                 createLayouts(itemsWidth, labelWidth);
  136.                         }
  137.                 }

  139.                 if (itemsWidth > 0) {
  140.                         canvas.save();
  141.                         // Skip padding space and hide a part of top and bottom items
  142.                         canvas.translate(PADDING, -ITEM_OFFSET);
  143.                         drawItems(canvas);
  144.                         drawValue(canvas);
  145.                         canvas.restore();
  146.                 }

  148.                 drawCenterRect(canvas);
  149.                 drawShadows(canvas);
  150.         }

  152.         /**
  153.          * Draws shadows on top and bottom of control
  154.          * @param canvas the canvas for drawing
  155.          */
  156.         private void drawShadows(Canvas canvas) {
  157.                 topShadow.setBounds(0, 0, getWidth(), getHeight() / visibleItems);
  158.                 topShadow.draw(canvas);

  160.                 bottomShadow.setBounds(0, getHeight() - getHeight() / visibleItems,
  161.                                 getWidth(), getHeight());
  162.                 bottomShadow.draw(canvas);
  163.         }

  165.         /**
  166.          * Draws value and label layout
  167.          * @param canvas the canvas for drawing
  168.          */
  169.         private void drawValue(Canvas canvas) {
  170.                 valuePaint.setColor(VALUE_TEXT_COLOR);
  171.                 valuePaint.drawableState = getDrawableState();

  173.                 Rect bounds = new Rect();
  174.                 itemsLayout.getLineBounds(visibleItems / 2, bounds);

  176.                 // draw label
  177.                 if (labelLayout != null) {
  178.                         canvas.save();
  179.                         canvas.translate(itemsLayout.getWidth() + LABEL_OFFSET, bounds.top);
  180.                         labelLayout.draw(canvas);
  181.                         canvas.restore();
  182.                 }

  184.                 // draw current value
  185.                 if (valueLayout != null) {
  186.                         canvas.save();
  187.                         canvas.translate(0, bounds.top + scrollingOffset);
  188.                         valueLayout.draw(canvas);
  189.                         canvas.restore();
  190.                 }
  191.         }

  193.         /**
  194.          * Draws items
  195.          * @param canvas the canvas for drawing
  196.          */
  197.         private void drawItems(Canvas canvas) {
  198.                 canvas.save();
  199.                
  200.                 int top = itemsLayout.getLineTop(1);
  201.                 canvas.translate(0, - top + scrollingOffset);
  202.                
  203.                 itemsPaint.setColor(ITEMS_TEXT_COLOR);
  204.                 itemsPaint.drawableState = getDrawableState();
  205.                 itemsLayout.draw(canvas);
  206.                
  207.                 canvas.restore();
  208.         }

  210.         /**
  211.          * Draws rect for current value
  212.          * @param canvas the canvas for drawing
  213.          */
  214.         private void drawCenterRect(Canvas canvas) {
  215.                 int center = getHeight() / 2;
  216.                 int offset = getItemHeight() / 2;
  217.                 centerDrawable.setBounds(0, center - offset, getWidth(), center + offset);
  218.                 centerDrawable.draw(canvas);
  219.         }

  221.         @Override
  222.         public boolean onTouchEvent(MotionEvent event) {
  223.                 WheelAdapter adapter = getAdapter();
  224.                 if (adapter == null) {
  225.                         return true;
  226.                 }
  227.                
  228.                         if (!gestureDetector.onTouchEvent(event) && event.getAction() == MotionEvent.ACTION_UP) {
  229.                         justify();
  230.                 }
  231.                 return true;
  232.         }
  233.        
  234.         /**
  235.          * Scrolls the wheel
  236.          * @param delta the scrolling value
  237.          */
  238.         private void doScroll(int delta) {
  239.                 scrollingOffset += delta;
  240.                
  241.                 int count = scrollingOffset / getItemHeight();
  242.                 int pos = currentItem - count;
  243.                 if (isCyclic && adapter.getItemsCount() > 0) {
  244.                         // fix position by rotating
  245.                         while (pos < 0) {
  246.                                 pos += adapter.getItemsCount();
  247.                         }
  248.                         pos %= adapter.getItemsCount();
  249.                 } else if (isScrollingPerformed) {
  250.                         //
  251.                         if (pos < 0) {
  252.                                 count = currentItem;
  253.                                 pos = 0;
  254.                         } else if (pos >= adapter.getItemsCount()) {
  255.                                 count = currentItem - adapter.getItemsCount() + 1;
  256.                                 pos = adapter.getItemsCount() - 1;
  257.                         }
  258.                 } else {
  259.                         // fix position
  260.                         pos = Math.max(pos, 0);
  261.                         pos = Math.min(pos, adapter.getItemsCount() - 1);
  262.                 }
  263.                
  264.                 int offset = scrollingOffset;
  265.                 if (pos != currentItem) {
  266.                         setCurrentItem(pos, false);
  267.                 } else {
  268.                         invalidate();
  269.                 }
  270.                
  271.                 // update offset
  272.                 scrollingOffset = offset - count * getItemHeight();
  273.                 if (scrollingOffset > getHeight()) {
  274.                         scrollingOffset = scrollingOffset % getHeight() + getHeight();
  275.                 }
  276.         }
  277.        
  278.         // gesture listener
  279.         private SimpleOnGestureListener gestureListener = new SimpleOnGestureListener() {
  280.                 public boolean onDown(MotionEvent e) {
  281.                         if (isScrollingPerformed) {
  282.                                 scroller.forceFinished(true);
  283.                                 clearMessages();
  284.                                 return true;
  285.                         }
  286.                         return false;
  287.                 }
  288.                
  289.                 public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
  290.                         startScrolling();
  291.                         doScroll((int)-distanceY);
  292.                         return true;
  293.                 }
  294.                
  295.                 public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
  296.                         lastScrollY = currentItem * getItemHeight() + scrollingOffset;
  297.                         int maxY = isCyclic ? 0x7FFFFFFF : adapter.getItemsCount() * getItemHeight();
  298.                         int minY = isCyclic ? -maxY : 0;
  299.                         scroller.fling(0, lastScrollY, 0, (int) -velocityY / 2, 0, 0, minY, maxY);
  300.                         setNextMessage(MESSAGE_SCROLL);
  301.                         return true;
  302.                 }
  303.         };

  305.         // Messages
  306.         private final int MESSAGE_SCROLL = 0;
  307.         private final int MESSAGE_JUSTIFY = 1;
  308.        
  309.         /**
  310.          * Set next message to queue. Clears queue before.
  311.          *
  312.          * @param message the message to set
  313.          */
  314.         private void setNextMessage(int message) {
  315.                 clearMessages();
  316.                 animationHandler.sendEmptyMessage(message);
  317.         }

  319.         /**
  320.          * Clears messages from queue
  321.          */
  322.         private void clearMessages() {
  323.                 animationHandler.removeMessages(MESSAGE_SCROLL);
  324.                 animationHandler.removeMessages(MESSAGE_JUSTIFY);
  325.         }
  326.        
  327.         // animation handler
  328.         private Handler animationHandler = new Handler() {
  329.                 public void handleMessage(Message msg) {
  330.                         scroller.computeScrollOffset();
  331.                         int currY = scroller.getCurrY();
  332.                         int delta = lastScrollY - currY;
  333.                         lastScrollY = currY;
  334.                         if (delta != 0) {
  335.                                 doScroll(delta);
  336.                         }
  337.                        
  338.                         // scrolling is not finished when it comes to final Y
  339.                         // so, finish it manually
  340.                         if (Math.abs(currY - scroller.getFinalY()) < MIN_DELTA_FOR_SCROLLING) {
  341.                                 currY = scroller.getFinalY();
  342.                                 scroller.forceFinished(true);
  343.                         }
  344.                         if (!scroller.isFinished()) {
  345.                                 animationHandler.sendEmptyMessage(msg.what);
  346.                         } else if (msg.what == MESSAGE_SCROLL) {
  347.                                 justify();
  348.                         } else {
  349.                                 finishScrolling();
  350.                         }
  351.                 }
  352.         };
  353.        
  354.         /**
  355.          * Justifies wheel
  356.          */
  357.         private void justify() {
  358.                 if (adapter == null) {
  359.                         return;
  360.                 }
  361.                
  362.                 lastScrollY = 0;
  363.                 int offset = scrollingOffset;
  364.                 int itemHeight = getItemHeight();
  365.                 boolean needToIncrease = offset > 0 ? currentItem < adapter.getItemsCount() : currentItem > 0;
  366.                 if ((isCyclic || needToIncrease) && Math.abs((float) offset) > (float) itemHeight / 2) {
  367.                         if (offset < 0)
  368.                                 offset += itemHeight + MIN_DELTA_FOR_SCROLLING;
  369.                         else
  370.                                 offset -= itemHeight + MIN_DELTA_FOR_SCROLLING;
  371.                 }
  372.                 if (Math.abs(offset) > MIN_DELTA_FOR_SCROLLING) {
  373.                         scroller.startScroll(0, 0, 0, offset, SCROLLING_DURATION);
  374.                         setNextMessage(MESSAGE_JUSTIFY);
  375.                 } else {
  376.                         finishScrolling();
  377.                 }
  378.         }
  379.        
  380.         /**
  381.          * Starts scrolling
  382.          */
  383.         private void startScrolling() {
  384.                 if (!isScrollingPerformed) {
  385.                         isScrollingPerformed = true;
  386.                         notifyScrollingListenersAboutStart();
  387.                 }
  388.         }

  390.         /**
  391.          * Finishes scrolling
  392.          */
  393.         void finishScrolling() {
  394.                 if (isScrollingPerformed) {
  395.                         notifyScrollingListenersAboutEnd();
  396.                         isScrollingPerformed = false;
  397.                 }
  398.                 invalidateLayouts();
  399.                 invalidate();
  400.         }
  401.                
  402.         /**
  403.          * Scroll the wheel
  404.          * @param itemsToSkip items to scroll
  405.          * @param time scrolling duration
  406.          */
  407.         public void scroll(int itemsToScroll, int time) {
  408.                 scroller.forceFinished(true);
  409.                 lastScrollY = scrollingOffset;
  410.                 int offset = itemsToScroll * getItemHeight();               
  411.                 scroller.startScroll(0, lastScrollY, 0, offset - lastScrollY, time);
  412.                 setNextMessage(MESSAGE_SCROLL);               
  413.                 startScrolling();
  414.         }
复制代码

在629行到744行的代码是绘制图形，747行onTouchEvent()里面主要是调用了882行的justify()方法，用于调整画面，

  1. @Override
  2.         public boolean onTouchEvent(MotionEvent event) {
  3.                 WheelAdapter adapter = getAdapter();
  4.                 if (adapter == null) {
  5.                         return true;
  6.                 }
  7.                
  8.                         if (!gestureDetector.onTouchEvent(event) && event.getAction() == MotionEvent.ACTION_UP) {
  9.                         justify();
  10.                 }
  11.                 return true;
  12.         }
复制代码
  1. /**
  2.          * Justifies wheel
  3.          */
  4.         private void justify() {
  5.                 if (adapter == null) {
  6.                         return;
  7.                 }
  8.                
  9.                 lastScrollY = 0;
  10.                 int offset = scrollingOffset;
  11.                 int itemHeight = getItemHeight();
  12.                 boolean needToIncrease = offset > 0 ? currentItem < adapter.getItemsCount() : currentItem > 0;
  13.                 if ((isCyclic || needToIncrease) && Math.abs((float) offset) > (float) itemHeight / 2) {
  14.                         if (offset < 0)
  15.                                 offset += itemHeight + MIN_DELTA_FOR_SCROLLING;
  16.                         else
  17.                                 offset -= itemHeight + MIN_DELTA_FOR_SCROLLING;
  18.                 }
  19.                 if (Math.abs(offset) > MIN_DELTA_FOR_SCROLLING) {
  20.                         scroller.startScroll(0, 0, 0, offset, SCROLLING_DURATION);
  21.                         setNextMessage(MESSAGE_JUSTIFY);
  22.                 } else {
  23.                         finishScrolling();
  24.                 }
  25.         }
复制代码

我们看下重写的系统回调函数onMeasure()(用于测量各个控件距离，父子控件空间大小等)：

  1. @Override
  2.         protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  3.                 int widthMode = MeasureSpec.getMode(widthMeasureSpec);
  4.                 int heightMode = MeasureSpec.getMode(heightMeasureSpec);
  5.                 int widthSize = MeasureSpec.getSize(widthMeasureSpec);
  6.                 int heightSize = MeasureSpec.getSize(heightMeasureSpec);

  8.                 int width = calculateLayoutWidth(widthSize, widthMode);

  10.                 int height;
  11.                 if (heightMode == MeasureSpec.EXACTLY) {
  12.                         height = heightSize;
  13.                 } else {
  14.                         height = getDesiredHeight(itemsLayout);

  16.                         if (heightMode == MeasureSpec.AT_MOST) {
  17.                                 height = Math.min(height, heightSize);
  18.                         }
  19.                 }

  21.                 setMeasuredDimension(width, height);
  22.         }
复制代码

里面用到了532行calculateLayoutWidth()的方法，就是计算Layout的宽度，在calculateLayoutWidth()这个方法里面调用了

  1. /**
  2.          * Creates layouts
  3.          * @param widthItems width of items layout
  4.          * @param widthLabel width of label layout
  5.          */
  6.         private void createLayouts(int widthItems, int widthLabel) {
  7.                 if (itemsLayout == null || itemsLayout.getWidth() > widthItems) {
  8.                         itemsLayout = new StaticLayout(buildText(isScrollingPerformed), itemsPaint, widthItems,
  9.                                         widthLabel > 0 ? Layout.Alignment.ALIGN_OPPOSITE : Layout.Alignment.ALIGN_CENTER,
  10.                                         1, ADDITIONAL_ITEM_HEIGHT, false);
  11.                 } else {
  12.                         itemsLayout.increaseWidthTo(widthItems);
  13.                 }

  15.                 if (!isScrollingPerformed && (valueLayout == null || valueLayout.getWidth() > widthItems)) {
  16.                         String text = getAdapter() != null ? getAdapter().getItem(currentItem) : null;
  17.                         valueLayout = new StaticLayout(text != null ? text : "",
  18.                                         valuePaint, widthItems, widthLabel > 0 ?
  19.                                                         Layout.Alignment.ALIGN_OPPOSITE : Layout.Alignment.ALIGN_CENTER,
  20.                                                         1, ADDITIONAL_ITEM_HEIGHT, false);
  21.                 } else if (isScrollingPerformed) {
  22.                         valueLayout = null;
  23.                 } else {
  24.                         valueLayout.increaseWidthTo(widthItems);
  25.                 }

  27.                 if (widthLabel > 0) {
  28.                         if (labelLayout == null || labelLayout.getWidth() > widthLabel) {
  29.                                 labelLayout = new StaticLayout(label, valuePaint,
  30.                                                 widthLabel, Layout.Alignment.ALIGN_NORMAL, 1,
  31.                                                 ADDITIONAL_ITEM_HEIGHT, false);
  32.                         } else {
  33.                                 labelLayout.increaseWidthTo(widthLabel);
  34.                         }
  35.                 }
  36.         }
复制代码

然后我们接着看onDraw()方法：

  1. @Override
  2.         protected void onDraw(Canvas canvas) {
  3.                 super.onDraw(canvas);
  4.                
  5.                 if (itemsLayout == null) {
  6.                         if (itemsWidth == 0) {
  7.                                 calculateLayoutWidth(getWidth(), MeasureSpec.EXACTLY);
  8.                         } else {
  9.                                 createLayouts(itemsWidth, labelWidth);
  10.                         }
  11.                 }

  13.                 if (itemsWidth > 0) {
  14.                         canvas.save();
  15.                         // Skip padding space and hide a part of top and bottom items
  16.                         canvas.translate(PADDING, -ITEM_OFFSET);
  17.                         drawItems(canvas);
  18.                         drawValue(canvas);
  19.                         canvas.restore();
  20.                 }

  22.                 drawCenterRect(canvas);
  23.                 drawShadows(canvas);
  24.         }
复制代码

在onDraw方法中，也调用了CreateLayout()方法，然后在后面调用drawCenterRect()、drawItems()、drawValue()、绘制阴影drawShadows()两个方法：

  1. /**
  2.          * Draws shadows on top and bottom of control
  3.          * @param canvas the canvas for drawing
  4.          */
  5.         private void drawShadows(Canvas canvas) {
  6.                 topShadow.setBounds(0, 0, getWidth(), getHeight() / visibleItems);
  7.                 topShadow.draw(canvas);


  10.                 bottomShadow.setBounds(0, getHeight() - getHeight() / visibleItems,
  11.                                 getWidth(), getHeight());
  12.                 bottomShadow.draw(canvas);
  13.         }


  16.         /**
  17.          * Draws value and label layout
  18.          * @param canvas the canvas for drawing
  19.          */
  20.         private void drawValue(Canvas canvas) {
  21.                 valuePaint.setColor(VALUE_TEXT_COLOR);
  22.                 valuePaint.drawableState = getDrawableState();


  25.                 Rect bounds = new Rect();
  26.                 itemsLayout.getLineBounds(visibleItems / 2, bounds);


  29.                 // draw label
  30.                 if (labelLayout != null) {
  31.                         canvas.save();
  32.                         canvas.translate(itemsLayout.getWidth() + LABEL_OFFSET, bounds.top);
  33.                         labelLayout.draw(canvas);
  34.                         canvas.restore();
  35.                 }


  38.                 // draw current value
  39.                 if (valueLayout != null) {
  40.                         canvas.save();
  41.                         canvas.translate(0, bounds.top + scrollingOffset);
  42.                         valueLayout.draw(canvas);
  43.                         canvas.restore();
  44.                 }
  45.         }


  48.         /**
  49.          * Draws items
  50.          * @param canvas the canvas for drawing
  51.          */
  52.         private void drawItems(Canvas canvas) {
  53.                 canvas.save();
  54.                
  55.                 int top = itemsLayout.getLineTop(1);
  56.                 canvas.translate(0, - top + scrollingOffset);
  57.                
  58.                 itemsPaint.setColor(ITEMS_TEXT_COLOR);
  59.                 itemsPaint.drawableState = getDrawableState();
  60.                 itemsLayout.draw(canvas);
  61.                
  62.                 canvas.restore();
  63.         }


  66.         /**
  67.          * Draws rect for current value
  68.          * @param canvas the canvas for drawing
  69.          */
  70.         private void drawCenterRect(Canvas canvas) {
  71.                 int center = getHeight() / 2;
  72.                 int offset = getItemHeight() / 2;
  73.                 centerDrawable.setBounds(0, center - offset, getWidth(), center + offset);
  74.                 centerDrawable.draw(canvas);
  75.         }
复制代码

主要就是通过canvas类进行图形的绘制。
       最后，我们看下840行定义的手势监听：

  1. // gesture listener
  2.         private SimpleOnGestureListener gestureListener = new SimpleOnGestureListener() {
  3.                 public boolean onDown(MotionEvent e) {
  4.                         if (isScrollingPerformed) {
  5.                                 scroller.forceFinished(true);
  6.                                 clearMessages();
  7.                                 return true;
  8.                         }
  9.                         return false;
  10.                 }
  11.                
  12.                 public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
  13.                         startScrolling();
  14.                         doScroll((int)-distanceY);
  15.                         return true;
  16.                 }
  17.                
  18.                 public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
  19.                         lastScrollY = currentItem * getItemHeight() + scrollingOffset;
  20.                         int maxY = isCyclic ? 0x7FFFFFFF : adapter.getItemsCount() * getItemHeight();
  21.                         int minY = isCyclic ? -maxY : 0;
  22.                         scroller.fling(0, lastScrollY, 0, (int) -velocityY / 2, 0, 0, minY, maxY);
  23.                         setNextMessage(MESSAGE_SCROLL);
  24.                         return true;
  25.                 }
  26.         };
复制代码

里面主要调用的方法：clearMessages()、startScrolling()、doScroll()、setNextMessage()，先看下中间的两个方法开始滑动和滑动

  1. /**
  2.          * Scrolls the wheel
  3.          * @param delta the scrolling value
  4.          */
  5.         private void doScroll(int delta) {
  6.                 scrollingOffset += delta;               
  7.                 int count = scrollingOffset / getItemHeight();
  8.                 int pos = currentItem - count;
  9.                 if (isCyclic && adapter.getItemsCount() > 0) {
  10.                         // fix position by rotating
  11.                         while (pos < 0) {
  12.                                 pos += adapter.getItemsCount();
  13.                         }
  14.                         pos %= adapter.getItemsCount();
  15.                 } else if (isScrollingPerformed) {
  16.                         //
  17.                         if (pos < 0) {
  18.                                 count = currentItem;
  19.                                 pos = 0;
  20.                         } else if (pos >= adapter.getItemsCount()) {
  21.                                 count = currentItem - adapter.getItemsCount() + 1;
  22.                                 pos = adapter.getItemsCount() - 1;
  23.                         }
  24.                 } else {
  25.                         // fix position
  26.                         pos = Math.max(pos, 0);
  27.                         pos = Math.min(pos, adapter.getItemsCount() - 1);
  28.                 }
  29.                
  30.                 int offset = scrollingOffset;
  31.                 if (pos != currentItem) {
  32.                         setCurrentItem(pos, false);
  33.                 } else {
  34.                         invalidate();
  35.                 }
  36.                
  37.                 // update offset
  38.                 scrollingOffset = offset - count * getItemHeight();
  39.                 if (scrollingOffset > getHeight()) {
  40.                         scrollingOffset = scrollingOffset % getHeight() + getHeight();
  41.                 }
  42.         }
复制代码
  1. /**
  2.          * Starts scrolling
  3.          */
  4.         private void startScrolling() {
  5.                 if (!isScrollingPerformed) {
  6.                         isScrollingPerformed = true;
  7.                         notifyScrollingListenersAboutStart();
  8.                 }
  9.         }
复制代码

在startScrolling方法里面有287行的notifyScrollingListenersAboutStart函数。再看clearMessages()、setMessageNext()

  1. private void setNextMessage(int message) {
  2.                 clearMessages();
  3.                 animationHandler.sendEmptyMessage(message);
  4.         }


  7.         /**
  8.          * Clears messages from queue
  9.          */
  10.         private void clearMessages() {
  11.                 animationHandler.removeMessages(MESSAGE_SCROLL);
  12.                 animationHandler.removeMessages(MESSAGE_JUSTIFY);
  13.         }
复制代码

里面使用到了animationHandler，用来传递动画有段的操作：

  1. // animation handler
  2.         private Handler animationHandler = new Handler() {
  3.                 public void handleMessage(Message msg) {
  4.                         scroller.computeScrollOffset();
  5.                         int currY = scroller.getCurrY();
  6.                         int delta = lastScrollY - currY;
  7.                         lastScrollY = currY;
  8.                         if (delta != 0) {
  9.                                 doScroll(delta);
  10.                         }
  11.                        
  12.                         // scrolling is not finished when it comes to final Y
  13.                         // so, finish it manually
  14.                         if (Math.abs(currY - scroller.getFinalY()) < MIN_DELTA_FOR_SCROLLING) {
  15.                                 currY = scroller.getFinalY();
  16.                                 scroller.forceFinished(true);
  17.                         }
  18.                         if (!scroller.isFinished()) {
  19.                                 animationHandler.sendEmptyMessage(msg.what);
  20.                         } else if (msg.what == MESSAGE_SCROLL) {
  21.                                 justify();
  22.                         } else {
  23.                                 finishScrolling();
  24.                         }
  25.                 }
  26.         };
复制代码

里面调用了finishScrolling()

  1. /**
  2.          * Finishes scrolling
  3.          */
  4.         void finishScrolling() {
  5.                 if (isScrollingPerformed) {
  6.                         notifyScrollingListenersAboutEnd();
  7.                         isScrollingPerformed = false;
  8.                 }
  9.                 invalidateLayouts();
  10.                 invalidate();
  11.         }
复制代码





 

yangxi_001
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android仿IPHONE滚轮控件实现及源码分析
01-05
android仿IPHONE滚轮控件实现及源码分析
android仿iphone滚轮效果实现
justwyy的专栏
06-25 158
转载：android仿iphone滚轮效果实现   http://blog.csdn.net/aomandeshangxiao/article/details/7397697
android 使用viewpager实现图片轮播效果
julicliy的博客
03-31 4817
第一步：创建xml布局，如下图所示； <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" a
【Android】使用ViewPager2实现轮播图效果，手动/自动轮播图
摸鱼小小虫的博客
11-14 2713
使用ViewPager2实现一个简单的轮播图效果，实现手动/自动轮播图
android仿iphone的时间轮的工具demo,Android自定义控件：时间滚轮控件的绘制
weixin_39756481的博客
05-25 279
背景Android开发中我们会常常用到类似时间滚轮的控件，这类控件到了UI设计师手中常常会被修改成各种样子，与其从网上荡个类似的Demo漫无目的地修改，不如写个我们自己的demo，对其了如指掌，修改样式自然不成问题。下图是我们的滚轮控件实现效果： 原理我觉得对于看似复杂的控件，我们需要一步一步拆解，将功能拆解开，对应到我们所学的知识点上，然后再将这些知识点组装起来，功能也就自然出来了。此处我们需要...
Android 滚轮选择器——仿ios滚轮控件
weixin_42046829的博客
11-24 2209
前言 这是一个仿ios滚轮的控件，可以用于滚动选择。本组件根据loopView控件扩展修改的，loopView项目地址：https://github.com/weidongjian/androidWheelView 在原有的基础上添加一些自定义设置，可根据自己的需求修改。GitHub项目地址 使用gradle集成 allprojects { repositories { ... maven { url 'https://jitpack.io' } } } dependencies
android仿iphone滚轮控件显示效果
08-28
主要为大家详细介绍了android仿iphone滚轮控件显示效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android 模仿iphone时间滚轮控件源码.rar
03-24
Android 模仿iphone时间滚轮控件源码，辅助类库、实际项目框架参考、比赛练习案例，学习实例，开箱即用。适用于实际项目开发参考、教学案例、毕业设计、出书项目实例、学生面试前能力提升、开发辅助。
android仿Iphone风格翻页控件，源码及Jar包.zip
05-27
android仿Iphone风格翻页控件，源码及Jar包
Android 类似Ios的时间滚轮控件
NewActivity的博客
03-19 4367
仿IOS时间选择器
Android 仿IOS时间滚轮
05-05
Android 仿IOS时间滚轮 ,希望对你能有所帮助!
Cascade_Master:Android仿IOS滚轮时间选择控件
06-02
Cascade_Master Android仿IOS滚轮时间选择控件
Android仿ios滚轮效果实现
07-20
可自己修改样式，颜色。
android 仿ios的滚轮效果
04-16
android实现仿ios的滚轮滚动效果
仿ios的滚轮形式的日期时间选择控件
01-20
AndroidStudio项目。仿ios滚轮风格的DatePicker和TimePicker
Android高仿IOS 滚轮选择控件
11-22
根据项目需要，整理了一个相对比较全面的 WheelView 使用控件。 常用的时间选择格式，单项选择，以及城市联动，这里基本都可以满足了。
Android-仿IOS滚轮
08-13
这个库包含两种类型的滚轮：普通滚轮和立体滚轮，普通滚轮调用WheelView，立体滚轮调用Wheel3DView。两种滚轮实现原理相同，但显示效果不同。立体滚轮类似IOS时间选择控件
【Web】CTFSHOW 中期测评刷题记录(1)
uuzeray的博客
05-02 1078
访问./cache/6a992d5529f459a44fee58c733255e86.php，命令执行拿flag。login.php是在./templates下的，而./flag.php与./templates均为web目录。注意到用./template/error.php中存在{{username}}，可以用其cache来写马。这时候重开下靶机再去读./templates/index.php，发现是给了提示的。访问./config/settings.php，命令执行拿到flag。
php利用阿里云短信SDK实现短信发送功能
最新发布
赛时科技
05-02 648
在阿里云控制台的AccessKey管理中，创建或查看AccessKey ID和AccessKey Secret，这是用于API调用的身份凭证。用户在前端接收到短信验证码后，需要在你的系统中进行验证。在实际部署之前，确保在测试环境中充分测试你的短信验证码登录功能。首先，你需要有一个阿里云账号，并在阿里云控制台中开通短信服务（Dysmsapi）。你可以使用Composer来安装阿里云短信服务的PHP SDK。在PHP中，你需要编写一个函数来调用阿里云短信服务API发送短信验证码。
仿iphone hotseat
09-22
仿iPhone热门应用栏是一个非常流行的产品趋势，许多手机品牌已经开始推出类似的产品。仿iPhone热门应用栏是指手机系统底部的一排常用应用图标，用户可以轻松访问和切换这些应用程序。 优点： 1. 提高用户体验：仿iPhone热门应用栏将常用的应用程序放置在屏幕底部，用户可以轻松地操作和访问这些应用。这种设计提高了用户的便利性和操作效率。 2. 提升工作效率：对于经常使用特定应用程序的用户来说，将它们放在热门应用栏中可以节省寻找和打开应用的时间，提高工作效率。 3. 可定制性：用户可以根据自己的需求和喜好，在热门应用栏中添加或删除特定的应用程序。这种可定制性使得用户可以根据自己的使用习惯进行个性化设置。 缺点： 1. 屏幕空间受限：仿iPhone热门应用栏通常会占据屏幕底部的一部分空间，可能会减少用户在其他应用程序中可见的屏幕空间。这对于一些需要较大屏幕空间才能展示内容的应用程序来说可能是一个问题。 2. 可能存在兼容性问题：由于不同手机品牌和操作系统之间存在差异，仿iPhone热门应用栏可能在某些设备上无法正常运行或显示。这需要开发人员在设计和开发过程中考虑到兼容性问题。 总结： 仿iPhone热门应用栏是一种流行的设计趋势，它提供了一种方便和高效的方式来访问和切换常用应用程序。虽然它具有许多优点，但也存在一些限制和挑战，特别是在屏幕空间和设备兼容性方面。因此，在设计和实施仿iPhone热门应用栏时，需要综合考虑这些因素，并根据特定的用户需求进行定制。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值