扣丁学堂笔记第03天基础UI组件(一)

1.Toasts显示文本

提示信息——当用户进行某一操作时,自动显示,过一会儿自动消失

Toast.makeText(context,显示的内容,时间的长短);

context:可以是Activity的实例或者用getApplicationContext()方法得到

时间的长短为两个常量:TOAST_LENGTH_SHORT、TOAST_LENGTH_LONG

显示文本代码:Toast.makeText(this,"文本内容",TOAST_LENGTH_SHORT).show();


在activity_main.xml中为Button添加android:onclick="viewText"属性,然后在MainActivity.java中添加如下代码:

扣丁学堂笔记第03天基础UI组件(一)_第1张图片


2.Toasts显示图片和图文

显示图片

<pre class="java" name="code"><Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:text="Toast显示图片" 
        android:onClick="viewImage"/>
 
 

在MainActivity.java中添加viewImage()方法

<pre class="java" name="code"> public void viewImage(View v){
    	Toast t = new Toast(this);
    	//imageView是用于显示图片的组件
    	ImageView imageView = new ImageView(this);
    	//为imageView设置图片资源
    	imageView.setImageResource(R.drawable.apple_pic);
    	t.setView(imageView);
    	t.setDuration(Toast.LENGTH_LONG);
    	//设置显示的位置
    	t.setGravity(Gravity.CENTER, 0, 0);
    	t.show();
    }
 
 
显示图文
//    public void viewImageText(View v){
//    	Toast toast = new Toast(this);
//    	toast = Toast.makeText(getApplicationContext(), "显示图文的Toast", 3000);
//    	toast.setGravity(Gravity.CENTER, 0, 0);
//    	ImageView imageView = new ImageView(this);//创建图片视图对象
//    	imageView.setImageResource(R.drawable.apple_pic);
//    	LinearLayout toastView = (LinearLayout) toast.getView();//获得toast布局对象
//    	toastView.setOrientation(LinearLayout.HORIZONTAL);//为布局设置方向
//    	toastView.addView(imageView, 0);//将imageView添加到布局的第一个位置
//    	toast.show();
//    	
//    }
    
    public void viewImageText(View v){
    	Toast toast = new Toast(this);
    	TextView textView = new TextView(this);
    	textView.setText("我是apple");
    	ImageView imageView = new ImageView(this);
    	imageView.setImageResource(R.drawable.ic_launcher);
    	LinearLayout layout = new LinearLayout(this);
    	layout.setOrientation(LinearLayout.VERTICAL);
    	layout.setGravity(Gravity.CENTER);
    	layout.addView(imageView);
    	layout.addView(textView);
    	
    	toast.setView(layout);
    	toast.setDuration(Toast.LENGTH_LONG);
    	toast.setGravity(Gravity.CENTER, 0, 0);
    	toast.show();
    	
    }



3.TextView

扣丁学堂笔记第03天基础UI组件(一)_第2张图片


4.EditText



5.Button和ImageButton之Button属性及事件

扣丁学堂笔记第03天基础UI组件(一)_第3张图片


6.Button和ImageButton之Button样式及selector

使用selector

首先在res新建一个drawable文件,在drawable文件中新建一个xml文件,名为button_bg.xml,选定为selector,添加如下代码

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_pressed="true"
        android:drawable="@drawable/ic_launcher"></item>

    <item android:drawable="@drawable/apple_pic"></item>
</selector>


然后在activity_main.xml中添加属性

 android:background="@drawable/button_bg"



7.ImageView

扣丁学堂笔记第03天基础UI组件(一)_第4张图片



8.Checkedbox和RadioButton

Checkbox

扣丁学堂笔记第03天基础UI组件(一)_第5张图片


RadioButton
RadioButton需要放在RadioGroup组件中使用,确保是单选按钮
扣丁学堂笔记第03天基础UI组件(一)_第6张图片
扣丁学堂笔记第03天基础UI组件(一)_第7张图片



9.ToggleButton和RatingBar


RatingBar
扣丁学堂笔记第03天基础UI组件(一)_第8张图片
扣丁学堂笔记第03天基础UI组件(一)_第9张图片




你可能感兴趣的:(扣丁学堂笔记第03天基础UI组件(一))