仿淘寶頭條垂直滾動,垂直走馬燈,公告

項目連接地址:https://github.com/sun-sky/Marquee

Marquee-master

仿淘寶首頁的淘寶頭條垂直滾動
仿淘寶首頁的淘寶頭條垂直滾動 滾動布局繼承了是ViewFlipper,可以實現進入動畫,退出動畫,設置切換時間間隔。 MarqueeView可用于多行或單行滾動,滾動的布局可以自定義。

效果圖

使用介紹

1、添加依賴

Step 1. Add it in your root build.gradle at the end of repositories:
    allprojects {
        repositories {
            ...
            maven { url "https://jitpack.io" }
        }
    }
Step 2. Add the dependency
    dependencies {
              compile 'com.github.sun-sky:Marquee:1.0.0'
    }

2、在布局文件中添加MarqueeView,可以設置自定義屬性

xml文件

 <com.sunsky.marqueeview.MarqueeView
        android:id="@+id/upview1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:padding="10dp"
        app:animDuration="1000"
        app:interval="5000"
        app:isSetAlphaAnim="true" />

Attributes:

attr屬性 description 描述 default vuale 默認值
isSetAlphaAnim 是否顯示淡入淡出動畫 true
interval 切換間隔時間 5000(5秒)
animDuration 動畫時間 2000(2秒)

3、Activity中使用

控件初始化

  marqueeView1 = (MarqueeView) findViewById(R.id.upview1);
  initdata();
  setViewSingleLine();
  marqueeView1.setViews(views1);

初始化數據

    private void initdata() {
        data = new ArrayList<>();
        data.add("git常用命令");
        data.add("Git配置SSH訪問GitHub(window)");
        data.add("關于java的抽象和接口");
        data.add("阿里HotFix2.0升級詳解 暢談熱修復領域那些事");

    }

初始化view隊列

    /**
     * 自定義布局——單行滾動
     */
    private void setViewSingleLine() {
     views2.clear();//記得加這句話,不然可能會產生重影現象
        for (int i = 0; i < data.size(); i++) {
            final int position = i;
            //設置滾動的單個布局
            LinearLayout moreView = (LinearLayout) LayoutInflater.from(this).inflate(R.layout.item_view_single, null);
            //初始化布局的控件
            TextView tv1 = (TextView) moreView.findViewById(R.id.tv1);

            /**
             * 設置監聽
             */
            moreView.findViewById(R.id.rl).setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    Toast.makeText(getApplicationContext(), position + "你點擊了" + data.get(position).toString(), Toast.LENGTH_SHORT).show();
                }
            });

            //進行對控件賦值
            tv1.setText(data.get(i).toString());

            //添加到循環滾動數組里面去
            views2.add(moreView);
        }
    }

4、重影問題可參考以下解決方案

  @Override
    public void onResume() {
        super.onResume();
        marqueeView1.startFlipping();
    }

    @Override
    public void onPause() {
        super.onPause();
        marqueeView1.stopFlipping();
    }
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容