首頁 > 網際網路

Android怎樣實現左右滑動

2019-11-29 21:57:27

對於android開發來說,滑動的功能是每個開發者必須學會的東西,也是開發中常用的技術之一。觸控螢幕手機的時代,滑動起來才更給力。本文根據個人經驗分享一種實現左右滑動的經驗。不足之處,敬請探討學習。


1

開啟android開發平台



2

建立新的工程,點選file. ->new->project.選擇Android Application Project,點選Next.


3

填寫工程名,選擇建立的android版本。圖例工程名為zuoyouhuadong 版本為android2.2.填好之後點選next


4

下面進入前景色和背景色等的設定,若不屬性可直接點選next


5

繼續點選next


6

可以編輯Activity Name名字,避免所有的工程都一個名字,執行的時候不知道都是哪一個工程。點選finish.工程建立完畢。


1

網上下載或者本地選取圖片四張。(圖片名字最好改為英文)


2

適當縮小 工程軟體視窗,點選圖片aa,拖放到zuoyouhuadong->res->drawable-hapi上,會提示你是否將圖片複製進工程。


3

選擇是OK


4

可以看到工程中已經有你的圖片了。


5

按照本段2--4步驟把其他三張圖片新增進工程。 新增圖片的準備工作完畢。


1

目標轉向主編輯框,檢視介面轉到程式碼介面。


2

程式碼實現左右滑動功能。主要用HorizontalScrollView 。主要程式碼如下:<HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:scrollbars="none"
          android:id="@+id/ScrollView"
         
  >
   <LinearLayout
       android:orientation="horizontal"
       android:layout_width="fill_parent"
       android:layout_height="fill_parent">
    <ImageView
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:src="@drawable/aa"
           android:layout_weight="1"
           android:scaleType="fitXY" />
    <ImageView
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:src="@drawable/bb"
           android:scaleType="fitXY"/>
       <ImageView
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:src="@drawable/cc"
           android:scaleType="fitXY"/>
        <ImageView
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:src="@drawable/dd"
           android:scaleType="fitXY"/>
   </LinearLayout>
</HorizontalScrollView>全

部程式碼截圖如下。



3

部分主要程式碼解析:android:scrollbars="none" ? 設定是否有滑動條;android:scaleType="fitXY" ?設定圖片自適應;android:src="@drawable/aa" 設定載入的圖片;android:layout_width="wrap_content"設定寬屬性;android:layout_height="wrap_content"設定長屬性。

1

右鍵工程,點選run,等待虛擬器啟動執行程式


2

解鎖,檢視效果 。本例中圖片大小未調整,稍微欠缺一點美觀效果,請讀者體諒。希望大家支援,並共同學習。





IT145.com E-mail:sddin#qq.com