Android自定義View之區(qū)塊選擇器

先來看下效果吧：

創(chuàng)新互聯(lián)公司專注于點(diǎn)軍企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城網(wǎng)站制作。點(diǎn)軍網(wǎng)站建設(shè)公司,為點(diǎn)軍等地區(qū)提供建站服務(wù)。全流程按需搭建網(wǎng)站，專業(yè)設(shè)計，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

我們來分析這個view需要實(shí)現(xiàn)哪些效果。

別害怕有這么多的功能，我們一個一個來實(shí)現(xiàn)。首先是刻度尺，這個簡單。由于完整的刻度尺是比屏幕寬度大的，因此我們先來了解幾個概念：

這里手機(jī)屏幕的寬度是width，刻度尺的寬度的時maxWidth，我們其實(shí)只需要繪制手機(jī)屏幕可見的部分就可以了，這里的offset表示手機(jī)屏幕的左邊與刻度尺左邊的偏移量。

了解了這個概念，我們就來開始寫吧，定義一個View，處理下構(gòu)造都指向3個參數(shù)的那個，然后統(tǒng)一做初始化：

我們在onMeasure中處理了wrap_content的高度。然后在onSizeChanged中獲取尺寸參數(shù)：

接著就開始繪制吧：

這里的titles代表了刻度的標(biāo)識，每一個元素代表一個刻度（這里我字節(jié)寫死了，實(shí)際上可以通過方法set，也不一定是時間，能代表刻度的都可以）。通過rate設(shè)置長短刻度的比例，這里我設(shè)置了1：1。運(yùn)行一下看看，目前僅僅能看到從0開始，看不到完整的刻度尺，我們需要實(shí)現(xiàn)touch事件產(chǎn)生移動才有效果。

我們重寫onTouchEvent來實(shí)現(xiàn)滑動效果：

我們計算出每次move事件的X方向的變化量dx，然后通過這個dx改變offset，并且處理一下邊界的情況。然后調(diào)用postInvalidate刷新界面。

運(yùn)行一下看看！現(xiàn)在我們可以滑動刻度尺了。但是好像還有點(diǎn)問題，平時我們使用ScrollView的時候用力劃一下，可以看到手指離開了屏幕，但是內(nèi)容還可以繼續(xù)滾動。而目前我們自定義的這個view只能通過手指滑動，如果手指離開屏幕就不能滑動了。這樣的體驗(yàn)顯然不夠好，我們來實(shí)現(xiàn)這個慣性滑動的效果吧！

要實(shí)現(xiàn)慣性滑動，我們需要用到兩個類：VelocityTracker，OverScroller。

VelocityTracker簡介

view滑動助手類OverScroller

velocityTracker.computeCurrentVelocity方法的第二個參數(shù)表示最大慣性速度，這里我設(shè)置8000，避免刻度尺過快的滑動。通過調(diào)用scroller.fling方法將計算出的速度交給scroller，然后在computeScroll方法中獲取當(dāng)前值，并與上一次的值做差算出變化量dx，同樣用這個dx變化offset刷新界面實(shí)現(xiàn)滑動效果。

刻度尺完成了，接下來是不可選的灰色區(qū)域。我采用兩個int值表示在刻度尺的區(qū)域，刻度尺的每個刻度表示一個最小單位，前一個int表示在刻度尺的起始位置，后一個int表示占據(jù)的刻度數(shù)量。

我用一個list存放設(shè)置的不可選區(qū)域，然后在另一個list中存放轉(zhuǎn)換成RectF的位置信息。這里的RectF是在相對于整體刻度尺而言的，因此繪制到屏幕的時候需要減去offset，并且需要考慮只有部分在屏幕可見的情況。避免在onDraw方法中創(chuàng)建過多臨時變量，我聲明一個成員變量tempRect，用來保存繪制時的臨時參數(shù)。

完成了不可選區(qū)域，可選區(qū)域也是同樣的。由于只能有一個可選區(qū)域，我們只需要定義一個RectF。額外需要考慮與不可選區(qū)域相交時會變色，我定了一個overlapping表示是否相交，通過RectF的intersects方法判斷。

通過前面的分析，我們知道這個view中的事件有很多種：點(diǎn)擊，移動刻度尺，移動選中區(qū)域，擴(kuò)展選中區(qū)域。我們定義這四種類型便于后續(xù)的事件處理：

然后改造一下onTouchEvent：

performClick會在你重寫onTouchEvent時as提示你需要重寫的方法，因?yàn)槟憧赡軟]有考慮到如果給這個view設(shè)置OnClickListener的情況。如果你沒有在onTouchEvent中調(diào)用performClick，那么setOnClickListener方法就失效了。

你可能注意到這一次比較復(fù)雜，并且還有一個linking字段，表示是否正在聯(lián)動，我解釋一下這個聯(lián)動的概念：通過gif其實(shí)你可能注意到，當(dāng)我移動或者擴(kuò)展選中區(qū)域的時候，如果移動到了屏幕的邊界，后面的刻度尺就會跟著移動，實(shí)際上這個時候選中區(qū)域在屏幕中的位置沒有改變，只是刻度尺移動了。一開始我也是通過dx來改變offset，但是存在一個問題，移動到屏幕邊緣之后，手指可以移動的區(qū)域已經(jīng)很小了，不會產(chǎn)生足夠的dx（手指不移動的話，不會有新的touch事件產(chǎn)生）。最好的體驗(yàn)是我把手機(jī)移動到屏幕邊緣，刻度尺就會自己按照一定的速率移動直到最大offset或者最小offset。于是我使用了Handler，當(dāng)滿足條件后發(fā)送消息，表示開始進(jìn)行聯(lián)動，會按照固定速度產(chǎn)生一個dx改變offset。當(dāng)然，在離開屏幕邊緣的時候還需要及時取消handler的任務(wù)。

至此，功能基本已經(jīng)實(shí)現(xiàn)了，運(yùn)行一下看看效果吧~

后面需要做什么那？現(xiàn)在這個view只能自己玩，我需要它與其他view有交互，比如選中什么區(qū)域，狀態(tài)的改變生么的。

聲明兩個接口，并在適當(dāng)時候回調(diào)它們的方法，這樣外部就能感知view的狀態(tài)變化。

后面的話就是根據(jù)業(yè)務(wù)添加一些api了，例如添加不可選區(qū)域，改變刻度范圍什么，一切都看需求了。

想學(xué)習(xí)更多Android知識，或者獲取相關(guān)資料請加入Android開發(fā)交流群：1018342383。 有面試資源系統(tǒng)整理分享，Java語言進(jìn)階和Kotlin語言與Android相關(guān)技術(shù)內(nèi)核，APP開發(fā)框架知識， 360°Android App全方位性能優(yōu)化。Android前沿技術(shù)，高級UI、Gradle、RxJava、小程序、Hybrid、 移動架構(gòu)師專題項(xiàng)目實(shí)戰(zhàn)環(huán)節(jié)、React Native、等技術(shù)教程！架構(gòu)師課程、NDK模塊開發(fā)、 Flutter等全方面的 Android高級實(shí)踐技術(shù)講解。還有在線答疑

web前端培訓(xùn)有哪些課程

第一階段 網(wǎng)頁重構(gòu)：HTML+CSS核心技術(shù)、PC端網(wǎng)站布局、HTML5+CSS3核心技術(shù)、移動端網(wǎng)站布局、響應(yīng)式布局實(shí)戰(zhàn)

第二階段 JS高級程序設(shè)計：JavaScript核心技術(shù)-網(wǎng)站動效交互、JavaScript核心技術(shù)-網(wǎng)站前后端交互、jQuery交互效果開發(fā)

第三階段 NodeJS前端架構(gòu)及后臺開發(fā)：版本控制工具、NodeJS核心技術(shù)

第四階段 前端框架：Vuejs全家桶-Vue、React框架-React、微信小程序、Flutter

第五階段 小程序開發(fā)：能夠獨(dú)立開發(fā)小程序，提高就業(yè)能力，是就業(yè)的加分項(xiàng)。

節(jié)奏用英語怎么說

節(jié)奏不僅限于聲音層面，景物的運(yùn)動和情感的運(yùn)動也會形成節(jié)奏。那么，你知道節(jié)奏的 英語單詞 怎么說嗎?現(xiàn)在跟我一起學(xué)習(xí)關(guān)于節(jié)奏的英語知識吧。

節(jié)奏的英文釋義

(n) musical rhythm

(n) cadence; tempo

rhythm

cadence

swing

節(jié)奏的英文例句

我喜歡節(jié)奏快的音樂。

I like fast music.

心律失常不規(guī)則的心跳強(qiáng)度或節(jié)奏

An irregularity in the force or rhythm of the heartbeat.

過度的睡眠會使你的自然節(jié)奏被打亂并導(dǎo)致昏昏沉沉。

Oversleeping disrupts your natural rhythm and leads to grogginess.

在自家前廳待著與在一間辦公室待著，這是兩種不同的生活節(jié)奏。

The pace of life is different in my front room than it is in an office.

廣播節(jié)目本身需要節(jié)奏和風(fēng)格。

The broadcasts themselves require pacing and style.

這種有節(jié)奏的叫喊在感情沖動壓倒一切的時候是常常會聽到的。

It was a refrain that was often heard in moments of overwhelming emotion.

那些年輕人喜歡她唱的那些節(jié)奏強(qiáng)勁的歌。

The young kids like the songs swung by her.

你的心跳非常有節(jié)奏…

Your heart beats with a steady rhythm.

優(yōu)秀的 游泳 者能夠協(xié)調(diào)游泳動作和呼吸節(jié)奏。

Good swimmers coordinate their breathing with their strikers.

他們?yōu)樘枵咔贸龉?jié)奏。

They drummed a rhythm for dancers.

她在小提琴上奏出明快的節(jié)奏。

She rippled a lively rhythm on the violin.

當(dāng)今，隨著科技進(jìn)步，生活節(jié)奏不斷增快。

Today, the pace of life is increasing with technological advancements.

樂隊(duì)正在為跳舞者敲出節(jié)奏。

The band are drumming a rhythm for dancers.

節(jié)奏的英語 句子 帶翻譯

當(dāng)你一次又一次的撥出電話你將會進(jìn)入一種節(jié)奏，每次打完你將會感覺更輕松同時更快的去完成剩余的工作.

As you do one call after one another you will get into the rhythm of it and everycall will feel easier and be completed faster.

在那次意外的聚會中，在這個浩瀚的行星上，我前所未有地感覺到了與生命的節(jié)奏是如此地協(xié)調(diào)。

During that unexpected rendezvous, I felt more in tune with the rhythms of life onthis vast planet than I ever have.

這樣在看電影的時候你就處在一個非常超前的地位，這份自信來自你對影片內(nèi)部節(jié)奏的了解。

And so you go very far on a journey with that film because the inner rhythms of the film give you that confidence.

問：舉一個這些致命的非正常心跳節(jié)奏的一個例子?

Q: What is an example of one of these deadly heart rhythms?

相關(guān)的一點(diǎn)是關(guān)于個人成長的節(jié)奏，我們?yōu)樽约捍_定，考慮到我們自己和我們的婚姻服務(wù)。

A related point concerns the personal growth rhythm we set for ourselves, to takecare of ourselves and our marriages.

所以，我們就是音樂，我們自然地按照自己的節(jié)奏與循環(huán)創(chuàng)造出音樂。

So, we are music, we create music very naturally out of our own rhythms andcycles.

為了讓你的橫膈膜和你的腳步的節(jié)奏相配，你可以試著在你每次左腳落地的時候進(jìn)行吸氣和呼氣。

To get the diaphragm to contract in rhythm with your steps, try to inhale andexhale as you land on your left foot.

在其他的統(tǒng)計數(shù)據(jù)上也能看出這兩場戰(zhàn)爭中的節(jié)奏變化。

The changing tempos of the two wars can be seen in other statistics, as well.

這種 方法 讓團(tuán)隊(duì)找到自己的節(jié)奏，然后用其現(xiàn)實(shí)世界中的 經(jīng)驗(yàn) 對未來的迭代進(jìn)行預(yù)測。

This approach allows the team to find its rhythm and then use its experience in the real world to predict future iterations.

每個學(xué)生有一個不同的混合的智力類型，其中是不同的學(xué)習(xí)和節(jié)奏型。

Every student has a different blend of intelligence and within that a differentlearning style and pace.

穩(wěn)定可控的呼吸，讓心跳與身體其他器官的節(jié)奏協(xié)調(diào)起來。

Steady, controlled, in harmony with your heartbeat and the rhythms of your otherorgans.

音樂的節(jié)奏讓每個人聽了都不禁想隨之起舞。

The rhythm of the music made everyone want to dance.

這本書里另一個關(guān)于孩子鑒定的重要影響是一天中家庭成員共同經(jīng)歷的正常節(jié)奏。

Another important influence on children identified in this book concerns thenormal rhythms of the day that families together experience.

我今天聽音樂的時候，她跟著節(jié)奏揮舞著自己的小手。

When I listened the music today, she waved her hands with the rhythm.

他當(dāng)時完全被音樂迷住了，隨著音樂的節(jié)奏晃動著肩膀，可同時又沒忘了問我中東 文化 對弗拉門戈的影響。

He was enthralled by the music, swaying his shoulders to the rhythm, while at the same time asking me about the Middle Eastern influences on flamenco.

那天沉浸在蜜蜂、花兒、海洋和陸地的沉寂之中，但是并不單調(diào)，騷動，起伏，翻轉(zhuǎn)，上升，下降，每一種都在自己的時間里以無與倫比的節(jié)奏發(fā)生著。

It was a day compounded from silences of bee and flower and ocean and land, which were not silence at all, but motions, stirs, flutters, risings, fallings, each in its own time and matchless rhythm.

猜你喜歡：

1. 招商用英語怎么說

2. 節(jié)奏是什么意思

3. 純音樂用英語怎么說

4. 節(jié)奏用英語怎么說

5. 固定用英語怎么說

6. 專題用英語怎么說

iOS 14 小組件（1）：WidgetExtension 創(chuàng)建及報錯詳解

iOS 14 中新增了 WidgetExtension，用來取代之前的 TodayExtension。相比以前的 Widget 這一次的小組件不可謂是坑不多，特別是集成在之前畢竟龐雜的工程中，奇奇怪怪的報錯和不兼容就出來了。網(wǎng)上帖子更多的還是新建一個工程，然后走一遍流程，這個不難理解，這里我把我在項(xiàng)目工程中集成 WidgetExtension 遇到的坑給大家捋一捋。

另外和以前的 Widget 最大的不同就是，Widget Extension 只支持 SwiftUI。

PS：最近一直在寫 flutter 文章，有興趣的可以關(guān)注專題 我的 Flutter 專題 。

打開 File - New - Target - Widget Extension。然后創(chuàng)建一個，注意名字最好不要用 Widget，后邊第6條會講這地方的坑。

看的教程可能一切順利，但是可能你打開頁面就是這樣的一片夕陽紅，這里就是工程環(huán)境問題了。

解決方案如下，將 PROJECT 的 iOS Development Target 改為 14.0。注意是工程，不是 TARGETS。

SwiftUI 的預(yù)覽功能報錯，這個需要更改 Build System，算是常見錯誤了。

打開 File - Project Setting / WorkSpace Setting - Build System - New Build System。

這個真的是最最最最最惡心的報錯了，找了一整天，也沒啥頭緒的，理論上和這個 Widget Extension 沒有半毛錢關(guān)系的東西竟然能跑不起來。

當(dāng)然如果自己工程沒有 Class Prefix 自然不用關(guān)心這個，也不會出現(xiàn)報錯。

刪除 Class Prefix 就行了。

前邊有提到盡量不要用 Widget 作為 Widget Extension 的命名，在這里會有一個簡單的報錯，生成的 demo 中，你的命名 : Widget 會有這么一個類，如果你使用 Widget 命名，就會和父類重名，然后報錯。

解決方案就給 struct 改個名字就好了，文件名不用改的。

放在一起篇幅就比較長了，自定義 UI 就另開一篇來講解了，這里先上幾張效果圖。

做混合的話Uniapp和Flutter我應(yīng)該學(xué)哪個啊？

Uniapp目前比較成熟，而且用的是Vue語法，學(xué)習(xí)成本比較低，而且行業(yè)里面用的也比較廣泛，而Flutter的話，學(xué)習(xí)成本略高，因?yàn)橐獙W(xué)習(xí)新的語言，還有就是目前生態(tài)不是特別完備，等他再發(fā)展發(fā)展吧。黑馬程序員官網(wǎng)有成套免費(fèi)視頻哦，有什么不懂的可以直接過去學(xué)習(xí)。您的采納是對我成長的鞭策

網(wǎng)頁題目：flutter專題,簡書 flutter
新聞來源：http://chinadenli.net/article9/dsishih.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網(wǎng)站、網(wǎng)站改版、企業(yè)建站、App開發(fā)、商城網(wǎng)站、品牌網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)