1. 程式人生 > >kotlin 開發例項-螢幕跑馬燈

kotlin 開發例項-螢幕跑馬燈

首先,我建議不熟悉kotlin語法的朋友,可以先看看這篇文章,簡單瞭解一下。接下來我們配置一下android studio。讓android studio支援我們新的開發語言。

我們先看一下效果。然後我們從配置開始一步步推進:
這裡寫圖片描述這裡寫圖片描述

配置android studio

通過File -> Setting ->搜尋kotlin -> install 安裝kotlin外掛
這裡寫圖片描述

安裝成功之後,會提示是否要重啟android studio。點選Restart按鈕。之後。我們發現在建立新的檔案的時候,就會多出了兩個選項。
這裡寫圖片描述

因為我們沒有配置kotlin,所以在第一次建立一個kotlin檔案或kotlinActivity時,會提示我們配置。
這裡寫圖片描述

這裡我們點選配置
這裡寫圖片描述

點選OK
這裡寫圖片描述

重新 build專案,即可。
這裡寫圖片描述

在module的build.gradle 中新增:

apply plugin: ‘kotlin-android-extensions’

然後點選Sync Now,重新編譯即可。見圖:
這裡寫圖片描述

第一個hello world程式

接下來我們寫第一個hello world。

layout 檔案:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android
="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="shain.ypt.com.mvp.Main3Activity">
<TextView android:id
="@+id/myFirstKotlin" android:layout_width="wrap_content" android:layout_height="wrap_content" />
</android.support.constraint.ConstraintLayout>

activity 檔案:

package shain.ypt.com.mvp

import android.os.Bundle
import android.support.v7.app.AppCompatActivity
//我們無需通過findViewById()方法 初始化相關控制元件,直接使用控價id名字就可以了。
import kotlinx.android.synthetic.main.activity_main3.*

class Main3Activity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main3)
        //這裡的我們直接呼叫控制元件id就可以使用了
        //這裡我們呼叫的是text屬性,我們和之前對比一下
        //myFirstKotlin.setText("this is my first kotlin project!!");
        //在開發中你會發現kotlin的賦值操作都會變成表示式形式,第一個程式就這樣跑起來了。
        //祝大家一路順風!
        myFirstKotlin.text=  "this is my first kotlin project!!"
    }
}

螢幕跑馬燈例項

先看一下效果圖,第一個版本有點簡陋:

version1.0

使用者填入要顯示的文字,可選粗體,斜體,下劃線最後展示。

version1.1
  • 新增可選背景和字型顏色
  • 優化佈局
  • 適當新增備註
version1.2
  • 新增表情功能
    這裡寫圖片描述這裡寫圖片描述

已經上線應用寶->搜尋(螢幕跑馬燈)

相關推薦

kotlin 開發例項-螢幕馬燈

首先,我建議不熟悉kotlin語法的朋友,可以先看看這篇文章,簡單瞭解一下。接下來我們配置一下android studio。讓android studio支援我們新的開發語言。 我們先看一下效果。然後我們從配置開始一步步推進: 配置android s

Android 開發筆記___textvieww__馬燈效果

support ota 效果 utf bundle per ack top ddl 1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://sche

Android開發之縱向馬燈效果實現

我們看淘寶、京東等app軟體,首頁就會看到那廣告詞向上走。。。今天我給大家帶來兩種實現方式。效果圖就不上啦,直接上程式碼: 一,自定義view 1,之前經常用findViewById(),今天用另一種方式來找控制元件。在app/build.gradle的閉包

TextView的馬燈效果(AS開發實戰第二章學習筆記)

color clas eat star log ble _for ellipsize ddl TextView的跑馬燈效果跑馬燈用到的屬性與方法說明singleLine 指定文本是否單行顯示ellipsize 指定文本超出範圍後的省略方式focusable 指定是否獲得焦點

自定義MarqueeTextView字型沒有超過螢幕大小也能實現馬燈效果.

第一篇文章小白一名直接上程式碼吧 第一步:這個是自定義跑馬燈的類 public class MarqueeTextView extends android.support.v7.widget.AppCompatTextView { /** * 是否停止滾動 */ private boolea

簡單的螢幕開發例項-ABAP

注:螢幕又叫動態程式,所有有時候會命名為DYNPRO,ABAP螢幕的主要組成部分有GUI  STATUS(螢幕的狀態,和title一樣,用來分配給某個螢幕)、 GUI  TITLE(螢幕的title) 、 SCREEN(螢幕的具體設定)等。 螢幕的分類:螢幕主要分為兩種,

Android Studio實現馬燈微專案例項

首先在建立一個MarqueeTextViewDemo專案在資源佈局,activity_main.xml中中編寫出相應的佈局的EditText,按鈕還有的TextView第一步要實現一個靜態的跑馬燈樣式,然後通過後臺方法的呼叫,來實現動態跑馬燈效果。很多朋友在編寫跑馬燈時,會出

C#軟體開發例項.私人訂製自己的螢幕截圖工具(九)使用自定義游標,QQ截圖時的游標

本例項全部文章目錄在使用QQ的截圖功能的時候,是不是覺得它的游標很酷呢?今天就說一下怎麼應用自定義游標,在我們的截圖工具中使用QQ截圖的游標。開啟資源:切換到檔案資源檢視:開啟資原始檔目錄,將游標檔案複製到此目錄下:選中Resources目錄,重新整理,顯示出剛剛複製進來的游

C#軟體開發例項.私人訂製自己的螢幕截圖工具(十)在截圖中包含滑鼠指標形狀

本例項全部文章目錄在寫一此幫助說明類的文件時,擷取的圖片如果還有滑鼠的指標形狀,看起來就更直觀更友好一些。接下來就講一下如何在截圖中包含滑鼠指標形狀。新增結構CURSORINFO:[StructLayo

微控制器51c語言程式例項(可調控的馬燈)+Proteus模擬+原始碼

 //Ãû³Æ£º¿ÉÒÔµ÷¿ØµÄ×ßÂíµÆ  //˵Ã÷£ºµ¥»÷ģʽ°´¼ü¿ÉÔÚ0-7ºÅģʽÖÐÑ¡Ôñ£¬¼ÓËٺͼõËÙ°´¼ü¿Éµ÷ÕûLEDÁ÷¶¯    #include<reg51.h>  #define uchar unsigned char  #d

C#軟體開發例項.私人訂製自己的螢幕截圖工具(七)新增放大鏡的功能

本例項全部文章目錄由於截圖時可能需要精確擷取某一部分,所以需要放大鏡的功能,這樣擷取的時候才更容易定位截圖的位置。新增PictureBox,name屬性設定為“pictureBox_zoom”;在“Form1_Load”事件處理函式中新增以下程式碼://設定放大鏡的大小

STM32F767cubemx開發手記(1) 馬燈

緒論 stm32的暫存器比較多,難於記憶,所以官方封裝了兩套庫函式。一個是標準庫,不過在F7上官方沒有更新,以後可能不再維護了。另一個則是HAL庫,HAL庫的程式可移植性比較高,而且基本上不用和暫存器打交道,不懂硬體的小白也可以輕鬆學習。 由於用的正點原子的

C#軟體開發例項.私人訂製自己的螢幕截圖工具(四)基本截圖功能實現

本例項全部文章目錄實現原理基本截圖的功能主要靠響應主窗體的滑鼠按下、滑鼠移動、滑鼠擡起幾個事件的功能來實現的。擷取的圖片區域使用“Label”元件來顯示,需要重新實現“Label”元件的“Paint”方法。左鍵單擊開始截圖,右鍵單擊取消截圖,雙擊滑鼠左鍵完成截圖,將擷取的圖片

簡單的馬燈效果(輪播圖)

font script meta 圖片 ive abs height 單單 none 邏輯簡介:想要圖片或者是文字向左移動,那肯定得用到定時器,那麽移動那就必然是距離左邊的left值在改變;核心問題就是通過定時器來改變ul距離left的值;本姑娘就是簡簡單單直直接接,上代碼

【HTML】 向網頁<Title></Title>中插入圖片以及馬燈

doctype set utf css images style itl substring icon <!DOCTYPE html><html><head><meta charset="UTF-8"><style ty

js學習總結----小案例之馬燈

htm function 微博 border ron == 內容 rip gree 具體代碼如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

android——kotlin開發入門之開發環境搭建

style blog extension activity image plugins 重要 打開 對話框 一.打開android studio—Setting—Plugins 註意,第一次是搜索不到的,會彈出一個對話框,在對話框中輸入Kotlin,選中第二個。在右邊點擊

關於馬燈的體會

listen chm ever 建議 color use ica 即將 als 1、 android:singleLine="true"雖然被不建議使用,但是跑馬燈必須是它。如果改為android:maxLines="1",不能實現跑馬燈效果。 2、 android:ma

孫楊腳踩馬燈鞋領獎 慶功會秒變“愛哭包”t

F12 fsm omd air csg ipy epp dos ns2 孫楊腳踩跑馬燈鞋領獎 慶功會秒變“愛哭包” http://n2x5h9.cztxe.cn/http://qhcxk3.cztxe.cn/http://o0qj45.cztxe.cn/http:/

Kotlin開發基礎從0開始(一)

code ... 多說 lang 學習 function ria lis lac 為什麽學習kotlin kotlin在今年的Google IO 上正式被確認為Android的官方開發語言,想必原因大家也能猜到一二,一是Google與oracle關於Java相關的版權相關的