[教學] Android studio - TextView－一個小小工程師的心情抒發天地

TextView

文字大小、顏色

顯示不下使用…

文字+icon

中劃線、下劃線

跑馬燈

文字大小、顏色

<TextView

    android:id="@+id/tv_1"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:text="@string/tv_test1"

    android:textColor="#FF0000"

    android:textSize="24sp" />

顯示不下使用 …

※這個我到是挺有感覺的，之前在寫windows的時候，關於這部分還是得自己手動加上去，判斷length之後，在加上String (…)，想不到Android 在屬性這裡就可以直接設定了 =______= 嘖嘖嘖…

<TextView

    android:id="@+id/tv_2"

    android:layout_width="100dp"

    android:layout_height="wrap_content"

    android:maxLines="1"

    android:ellipsize="end"

    android:text="@string/tv_test1"

    android:textColor="#000000"

    android:textSize="24sp"

    android:layout_marginTop="20dp"/>

文字+icon

<TextView

    android:id="@+id/tv_3"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:textColor="#000000"

    android:text="Select"

    android:textSize="24sp"

    android:layout_marginTop="10dp"

    android:drawablePadding="5dp"

    android:drawableRight="@drawable/allow"

    />

這裡提供一個小技巧，在書上的教學，通常都是叫你把圖片放到指定資料夾裡面去，在這邊，事實上，在寫windows的程式的時候，也是如此，不過在android studio開發的話，你只需要對你想要的圖片按下Ctrl+C，然後!!!! 到你要的資料夾上:

比如說我想要把圖片丟進去，你可以直接點一下drawable，然後!! Ctrl + V 即可:

然後他就會問你，要不要Copy過去這個資料夾，你就放心的給她按下去吧!

然後你就會發現，圖片已經被Copy進來囉 !

中劃線 & 下劃線

中劃線

<TextView

    android:id="@+id/tv_4"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:text="@string/tv_test1"

    android:textColor="#000000"

    android:textSize="24sp"

    android:layout_marginTop="10dp"/>

接下來，這部份我們要寫點code了

MainActivity.java

package vision.google.com.camera;



import android.content.Intent;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;



public class MainActivity extends AppCompatActivity

{



    private Button mBtnTextView;







    @Override

    protected void onCreate(Bundle savedInstanceState)

    {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);



        mBtnTextView = (Button) findViewById(R.id.btn_textView);

        mBtnTextView.setOnClickListener(new View.OnClickListener()

        {

            public void onClick(View v)

            {

                //跳轉到TextView演示界面

                Intent intent = new Intent(MainActivity.this,TextViewActivity.class);

                startActivity(intent);



            }

        });

    }

}

Step1 . 我們先到activity_main.xml來，新增一個Button

<Button

    android:id="@+id/btn_textView"

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:text="TextView"/>

接下來，我們到MainActivity.java來

package vision.google.com.camera;



import android.content.Intent;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;



public class MainActivity extends AppCompatActivity

{



    private Button mBtnTextView;







    @Override

    protected void onCreate(Bundle savedInstanceState)

    {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);



        mBtnTextView = (Button) findViewById(R.id.btn_textView);

        mBtnTextView.setOnClickListener(new View.OnClickListener()

        {

            public void onClick(View v)

            {

                //跳轉到TextView演示界面

                Intent intent = new Intent(MainActivity.this,TextViewActivity.class);

                startActivity(intent);



            }

        });

    }

}

首先，我們先聲明我們要使用Button，所以我在第一行那邊加上

private Button mBtnTextView;

Step2. 接下來，我們要找到這個Control

所以 :

mBtnTextView = (Button) findViewById(R.id.btn_textView);

要強制轉型的原因是因為，findViewById 它Return回來的是一個View類型的，但是我們的Button的類型是Button，所以我們要給它轉型一下。

Step3. 然後，我們要讓他跳轉到別的Activity (白話點講就是要按下按鈕跳到別頁 )

mBtnTextView.setOnClickListener(new View.OnClickListener()

{

    public void onClick(View v)

    {

        //跳轉到TextView演示界面

        Intent intent = new Intent(MainActivity.this,TextViewActivity.class);

        startActivity(intent);



    }

});

點下去→然後我們跳到名叫TextViewActivity的class去

Step4.所以我們要再建立一個Activity

Step5. 跳轉過去之後，我們要將這個TextView新增屬性 ( 中劃線 )

一樣，我們聲明:

private TextView m_TV4

一樣，我們找到Control並轉型:

m_TV4 = (TextView) findViewById(R.id.tv_4);

接下來就是新增Flag

m_TV4.getPaint().setFlags(Paint.STRIKE_THRU_TEXT_FLAG); //中劃線

m_TV4.getPaint().setAntiAlias(true);//去除鋸齒

如此如此簡單。

下劃線我也一次寫一寫好了，區別就一行

m_TV5 = (TextView)findViewById(R.id.tv_5);

m_TV5.getPaint().setFlags(Paint.UNDERLINE_TEXT_FLAG);   //下劃線

m_TV5.getPaint().setAntiAlias(true);//去除鋸齒

然後我們也可以用 Html的方式

m_TV6 = (TextView) findViewById(R.id.tv_6);

m_TV6.setText (Html.fromHtml("<u>Hello Eric</u>"));

接下來，我們來講跑馬燈

※夭壽=_=| 我發現，其實我coding的時間真的很短…不過打文章的時間真的很多，見鬼了………。

<TextView

    android:id="@+id/tv_7"

    android:layout_width="130dp"

    android:layout_height="wrap_content"

    android:textColor="#000000"

    android:text="Eric Eric Eric Eric ~~Eric Eric Eric Eric ~~Eric Eric Eric Eric ~~Eric Eric Eric Eric ~~ "

    android:textSize="24sp"

    android:layout_marginTop="10dp"

    android:singleLine="true"

    android:ellipsize="marquee"

    android:marqueeRepeatLimit="marquee_forever"

    android:focusable="true"

    android:focusableInTouchMode="true"/>