Android实现竖着的滑动刻度尺效果,选择身高(竖向的)

这次是你想要的效果哦!高兴了吧?高兴地话,你不用给我打赏,分享到朋友圈,我就很高兴了。

群里有人问我要竖着的滑动尺效果,前天我贱贱地分享了一个横向的滑动效果,让大家模仿者,自己尝试着去改编一下,不知道有多少人弄出来了,尝试着去弄得请举手,好吧,我也不用说放下了,根本就没人举。我再说一句废话吧,努力去尝试,才会有进步,不要坐等着别人来帮助你,这样你会饿死的,因为很多人不会像我一样去给你分享。

我大声喊一句:盖茨(翠花),上代码。

效果如下:

第一步:activity_mian.xml布局:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/user_weight"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="horizontal" >

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/user_height_value"
                android:layout_width="fill_parent"
                android:layout_height="0dp"
                android:layout_weight="1"
                android:gravity="center"
                android:textColor="#000000"
                android:textSize="20sp" />

            <ImageView
                android:id="@+id/userheight"
                android:layout_width="fill_parent"
                android:layout_height="0dp"
                android:layout_margin="10dp"
                android:layout_weight="1"
                android:background="@null"
                android:contentDescription="@null"
                android:src="@drawable/my_self_girl" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <RelativeLayout
                android:id="@+id/v_ruler"
                android:layout_width="80dp"
                android:layout_height="fill_parent"
                android:background="@drawable/my_self_h_ruler" >

                <ImageView
                    android:layout_width="80dp"
                    android:layout_height="2dp"
                    android:layout_centerVertical="true"
                    android:background="@null"
                    android:contentDescription="@null"
                    android:src="@drawable/rulerscale_vertical_selected" />

                <ScrollView
                    android:id="@+id/vruler"
                    android:layout_width="100dp"
                    android:layout_height="fill_parent"
                    android:scrollbars="none" >

                    <LinearLayout
                        android:id="@+id/vruler_layout"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="10dp"
                        android:layout_marginRight="10dp"
                        android:gravity="center_vertical"
                        android:orientation="vertical" >
                    </LinearLayout>
                </ScrollView>
            </RelativeLayout>
        </LinearLayout>
    </LinearLayout>

</LinearLayout>

第二步:竖向空白刻度布局,blankvrulerunit.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_marginBottom="20dp"
    android:layout_marginTop="5dp"
    android:background="@null"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/vrulerunit"
        android:layout_width="50dp"
        android:layout_height="20dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:background="@null"
        android:textColor="#000000"
        android:textSize="14sp" />

</RelativeLayout>

第三步:中间刻度尺布局,vrulerunit.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_marginBottom="20dp"
    android:layout_marginTop="5dp"
    android:orientation="vertical" >

    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginRight="30dp"
        android:background="@null"
        android:contentDescription="@null"
        android:scaleType="fitXY"
        android:src="@drawable/rulerscale_vertical" />

    <TextView
        android:id="@+id/vrulerunit"
        android:layout_width="50dp"
        android:layout_height="20dp"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:background="@null"
        android:textColor="#000000"
        android:textSize="14sp" />

</RelativeLayout>

第四步:MainActivity.java主代码实现:

public class MainActivity extends Activity {    
    private ScrollView ruler;    
    private TextView user_height_value;    
    private LinearLayout rulerlayout;    
    private String height = "170";    

    @Override
    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initViews();
    }    

    @Override
    protected void onResume() {        
        super.onResume();        
        new Handler().postDelayed(new Runnable() {            
            @Override
            public void run() {
                scroll();
            }
        }, 400);
    }    
    
    private void scroll() {
        ruler.smoothScrollTo(0, 1700);
    }    
    
    protected void initViews() {

        user_height_value = (TextView) findViewById(R.id.user_height_value);
        user_height_value.setText("身高是: " + height + " CM");

        ruler = (ScrollView) findViewById(R.id.vruler);
        ruler.setOnTouchListener(new OnTouchListener() {            @Override
            public boolean onTouch(View v, MotionEvent event) {                int action = event.getAction();
             user_height_value.setText("身高是: "
                        + String.valueOf((int) Math.ceil((ruler.getScrollY()) / 10))
                        + " CM");                
            switch (action) {                
                case MotionEvent.ACTION_DOWN:                
                case MotionEvent.ACTION_MOVE:                    
                break;                
                case MotionEvent.ACTION_UP:                    
                       new Handler().postDelayed(new Runnable() {                        @Override
                        public void run() {
                            user_height_value.setText("身高是: "
                                    + String.valueOf((int) Math.ceil((ruler
                                            .getScrollY()) / 10)) + " CM");
                        }
                    }, 1000);                    
                    break;
                }                
                return false;
            }

        });

        rulerlayout = (LinearLayout) findViewById(R.id.vruler_layout);        new Handler().postDelayed((new Runnable() {            @Override
            public void run() {
                constructRuler();
            }
        }), 300);

    }    
    private void constructRuler() {        
        int rulerHeight = ruler.getHeight();

        View topview = (View) LayoutInflater.from(this).inflate(
                R.layout.blankvrulerunit, null);
        topview.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,
                rulerHeight / 2));
        rulerlayout.addView(topview);        
        for (int i = 0; i < 25; i++) {
            View view = (View) LayoutInflater.from(this).inflate(
                    R.layout.vrulerunit, null);
            view.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,                    100));
            TextView tv = (TextView) view.findViewById(R.id.vrulerunit);
            tv.setText(String.valueOf(i * 10));
            rulerlayout.addView(view);
        }
        View bottomview = (View) LayoutInflater.from(this).inflate(
                R.layout.blankvrulerunit, null);
        bottomview.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,
                rulerHeight / 2));
        rulerlayout.addView(bottomview);
    }

}

原文发布于微信公众号 - 非著名程序员(non-famous-coder)

原文发表时间:2016-01-06

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏编程之路

羊皮书APP(Android版)开发系列(二十一)双联动分组ListView,类似于外卖点餐

ok,到这里就完成了双ListView联动的实现,可以到这里下载运行体验https://github.com/wjie2014/DoubleListViewLi...

17120
来自专栏向治洪

popupwindow和listview

在使用PopupWindow的时候,有一个不好的地方就是不太好设置弹出窗体的大小。如果指定绝对大小,那么对于不同分辨率不同尺寸的手机来说,显示出来效果会不同,...

295100
来自专栏非著名程序员

Android实现滑动刻度尺效果,选择身高体重和生日

刻度尺效果虽然看起来很美,我个人认为很不实用,即使再不实用,也有用的,鉴于群里成员对我的苦苦哀求,我就分享一个他用不到的,横屏滑动刻度尺,因为他需要竖屏的,哈哈...

290100
来自专栏Android Note

Android – DataBinding 自定义setter

15490
来自专栏向治洪

Android 纵向跑马灯滚动效果

像淘宝和京东都会有跑马灯的效果,今天给大家贡献下以前项目的一个demo,各位看官,且看效果图。 ? ? ? 我们先定义一个Bean文件,这个实体类文件主要包含标...

30670
来自专栏向治洪

android上拉下拉加载更多数据

最近项目中用到了ListView的下拉刷新的功能,总结了一下前辈们的代码,单独抽取出来写了一个demo作为示例。 效果图 下拉刷新: ? 加载更多: ? Cu...

41560
来自专栏Android干货

安卓开发ScrollView嵌套ListView只显示一行

41880
来自专栏Android干货园

Android 高仿微信发朋友圈浏览图片效果

版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/50...

99710
来自专栏用户画像

Android Activity之间的跳转

1、在应用中增加一个Activity,这需要修改AndroidManifest.xml文件

9530
来自专栏向治洪

android scrollview嵌套listview计算高度的问题

 ScrollView中只能放一个控件,一般都放LinearLayout,orientation属性值为vertical。在LinearLayout中放需要呈...

41160

扫码关注云+社区

领取腾讯云代金券