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);
    }

}

索要源码的方式很简单,跟以前一样,在公众号(非著名程序员)里回复关键字“懒得做”即可获得,欢迎大家关注,转发和分享。

友情提示:
关键字别打错,也别给我私人微信号里去回复关键字,是公众号,最近老有人向我个人私人微信号发关键字,你们还挺瞧得起我,显得我很智能啊。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,658评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,482评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,213评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,395评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,487评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,523评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,525评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,300评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,753评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,048评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,223评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,905评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,541评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,168评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,417评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,094评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,088评论 2 352

推荐阅读更多精彩内容