AndroidのUIコンポーネントTextViewの属性は大集合です.

13290 ワード

and roid UI。 String ラyout ブトン encoding

AndroidのUIコンポーネントTextViewの属性は大集合です.
ダウンロード元の住所:http://download.csdn.net/detail/rhljiayou/3917103
1、まずプロジェクトの構造図を示す.
メインインターフェース:
携帯電話/ホームページ/メール/住所をリンクする画面効果:
テキストは内容処理画面を表示します.
TextViewは画像の画面を表示します.
2、メインインターフェースは簡単で三つのボタンイベントについて

package cn.csdn.activity;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class TextViewLianxiActivity extends Activity {
	Button button1=null;
	Button button2=null;
	Button button3=null;
	
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        findViews();
        /**  /  /  /  /  **/
        button1.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				Intent intent=new Intent();
				intent.setClass(TextViewLianxiActivity.this, AddressTextView.class);
				startActivity(intent);
			}
		});
        /**      **/
		button2.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				Intent intent=new Intent();
				intent.setClass(TextViewLianxiActivity.this, FontTextView.class);
				startActivity(intent);
			}
		});
		/**         **/
		button3.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				Intent intent=new Intent();
				intent.setClass(TextViewLianxiActivity.this, ImageTextView.class);
				startActivity(intent);
			}
		});
    }

	private void findViews() {
		button1=(Button) findViewById(R.id.button1);
		button2=(Button) findViewById(R.id.button2);
		button3=(Button) findViewById(R.id.button3);		
	}
}

main.xmlファイルは簡単です.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/test" />
    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="    /  /  /  " />
    <Button
        android:id="@+id/button2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="        " />
    <Button
        android:id="@+id/button3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="TextView     " />
</LinearLayout>

携帯電話/ホームページ/メール/住所をリンクするxmlコードは以下の通りです.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <!--    -->
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:autoLink="web"
        android:text="@string/webUrl" />
   <!--    -->
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:autoLink="email"
        android:text="@string/email" />
    <!--      -->
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:autoLink="phone"
        android:text="@string/phoneNumber" />
    <!--      -->
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:autoLink="all"
        android:background="#00ff00"
        android:text="@string/autoAll" />
    <!--      -->
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:autoLink="map"
        android:text="@string/mapUrl" />
    <!--  html      -->
    <TextView
        android:id="@+id/tvHtml"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

Address Text Viewコード:

package cn.csdn.activity;

import android.app.Activity;
import android.os.Bundle;
import android.text.Html;
import android.widget.TextView;

public class AddressTextView extends Activity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		this.setContentView(R.layout.address);
		TextView view=(TextView) findViewById(R.id.tvHtml);
		String string="<a href='#'>   html      </a>";
		view.setText(Html.fromHtml(string));
	}	
}

注意:
android:aut Link="email":unsupported actionが現れます.シミュレータのbugかもしれません.探究してください.
またHtml.from Htmlを使用する場合は、ハイパーリンクは外観のみとなり、ジャンプできません.
Googleの地図:
設定 android:autLink=「map」後はgoogle地図が必要です.そうしないとエラーが発生します.
テキストは内容処理画面xmlのコードを表示します.
textViewに私達が欲しい効果を設定できます.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="       " />
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textStyle="italic"
        android:textColor="#ff0000"
        android:text="         " />
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#00ff00"
        android:textStyle="bold"
        android:textSize="30dp"
        android:text="  ，    ，  30dp" />
	<TextView 
	     android:layout_width="fill_parent"
        android:layout_height="wrap_content"
	    android:text="     *   "/>
    <TextView        
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#ffffff"
        android:text="     *   " 
        android:password="true"/>
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" 
        android:textSize="20dp"     
        android:text="             '...'dsfusdiofjdsiofjsdiofjoisdjfiosdjfoisdjfoisdf"
        android:singleLine="true" />	
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textSize="20dp"
        android:text="                    d"
         />
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textScaleX="0.5"
        android:textColor="#ff0000"
        android:text="              0.5" />
	<TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textScaleX="2.0"
        android:textColor="#ff0000"
        android:text="              2.0" />
    <TextView
        android:layout_width="200px"
        android:layout_height="wrap_content"
        android:textSize="20dp"
        android:ellipsize="marquee"       
        android:marqueeRepeatLimit="marquee_forever"  
        android:focusable="true" 
        android:focusableInTouchMode="true"
        android:scrollHorizontally="true"
        android:text="                      " />    
	<cn.csdn.activity.BorderTextView
	    android:layout_width="wrap_content"
        android:layout_height="wrap_content"
         android:gravity="center"
         android:padding="10dp"
        android:text="      "/>
</LinearLayout>

走馬灯の効果のいくつかの属性を説明します.


 
  
  
  
  
  
 
  
 
  
   
   
   
     android:ellipsize="marquee" 
  
 
  
 
  
   
   
   
    
  
 
  
 
  
   
   
   
   textview         。 
  
 
  
 
  
   
   
   
    
  
 
  
 
  
   
   
   
   android:marqueeRepeatLimit="marquee_forever"

循環回数は、ここでは無限ループであり、必要に応じて具体的な回数を書くことができる.例えば5.


 
  
  
  
  
  
 
  
 
  
   
   
   
   android:singleLine="true"

textviewのフォントをシングルで表示します.改行しないと、走馬灯の効果が現れません.


 
  
  
  
  
  
 
  
 
  
   
   
   
   android:focusable="true" 
  
 
  
 
  
   
   
   
   android:focusableInTouchMode="true"

textviewに焦点を合わせると、フォントが自動的にスクロールします.
上のフレームのあるBorder TextViewは自分で定義したコードです.

package cn.csdn.activity;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.widget.TextView;

public class BorderTextView extends TextView {

	public BorderTextView(Context context, AttributeSet attrs) {
		super(context, attrs);
	}
	public void onDraw(Canvas canvas) {
		super.onDraw(canvas);

		Paint paint = new Paint();

		paint.setColor(android.graphics.Color.GREEN);
		canvas.drawLine(0, 0, this.getWidth() - 1, 0, paint);
		canvas.drawLine(0, 0, 0, this.getHeight() - 1, paint);
		canvas.drawLine(this.getWidth() - 1, 0, this.getWidth() - 1,
				this.getHeight() - 1, paint);
		canvas.drawLine(0, this.getHeight() - 1, this.getWidth() - 1,
				this.getHeight() - 1, paint);
	}


}

このコードを書いたらxmlファイルで使えばいいです.
TextViewは画像を表示します.
背景を設定して表示する android:background=「@drawable/icon」セット画像はtextViewのアンカーポイント位置android:drawable Bottom=「@drawable/icon」android:drawable Top=「@drawable/icon」android:drawable Left=「@drawable/icon」android:drawable

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/icon"
    android:orientation="vertical" >

    <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawableTop="@drawable/icon"
        android:textColor="#ff0000"
        android:textSize="20dp"
        android:text="       "/>
	<TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawableBottom="@drawable/icon"
         android:textColor="#ff0000"
        android:textSize="20dp"
        android:text="       "/>
	<TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawableLeft="@drawable/icon"
         android:textColor="#ff0000"
        android:textSize="20dp"
        android:text="       "/>
	<TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:drawableRight="@drawable/icon"
        android:textColor="#ff0000"
        android:textSize="20dp"
        android:text="       "/>
	<TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/icon"
        android:textColor="#ff0000"
        android:textSize="20dp"
        android:gravity="center"
        android:text="        "/>
</LinearLayout>

ok!コードはここまでです.多くの属性は自分でドキュメントを調べて自分で勉強します.これは一部の属性です.
ソースコードをダウンロードして研究してみてください.
http://download.csdn.net/detail/rhljiayou/3917103

(着手して)一つのreact/react-nativeコンポーネントをnpmコミュニティにリリースします.