Android UI (1):常用控件的用法

上一篇:Android入门(8):活动的实用小技巧

​ 我认为开始可以写程序界面了,算是入门了。开始学习常用控件之前,我们新建一个UIWidgetTest项目

TextView

​ 修改activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/text_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="This is TextView" />
</LinearLayout>

高宽是所有控件都有的属性,可选值:

  • match_parent/fill_parent(不推荐):保持与父控件一致
  • wrap_content:刚好包含内容即可
  • 自定义固定大小:会出现不同手机屏幕的适配问题

这时文字是默认居左上角对齐的,使用android:gravity="center"可使文字居中

  • top、bottom、left、right、center等值,可以用"|"同时指定多个值,这里center = center_vertical|center_horizontal

文字大小android:textSize="24sp"

文字颜色android:textColor="#00ff00"

Button

 <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button" />

android:textAllCaps="false":系统默认为true会将所有英文字母自动进行大写

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Button button = (Button) findViewById(R.id.button);
    button.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            // TODO: 在此处添加逻辑
        }
    });
}

这是我们之前一直用到的,MainActivity中为Button的点击事件注册了一个监听器,每当点击按钮时,就会执行监听器的onClick()方法。

还有一种实现接口写法:

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button button = (Button) findViewById(R.id.button);
        button.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.button:
          		Toast.makeText(this, "You clicked button", 
                               Toast.LENGTH_SHORT).show();
                break;
            default:
                break;
        }
    }
}

EditText

<EditText
        android:id="@+id/edit_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

android:hint="Type something here":提示性文本
在这里插入图片描述
android:maxLines="2":最大行数两行,若是超过则文本向上滚动

扫描二维码关注公众号,回复: 9196587 查看本文章

如何获取文本输入的内容呢?

private EditText editText;

// onCreate方法中加入
editText = (EditText) findViewById(R.id.edit_text);

...
case R.id.button:
    String inputText = editText.getText().toString(); // 获取文本内容
    Toast.makeText(MainActivity.this, inputText, 
                   Toast.LENGTH_SHORT).show();
    break;

ImageView

​ 这是关于展示图片的一个控件,我们先准备一些图片,图片通常是放在"res/drawable"目录下,目前项目中有一个drawable目录,不过由于这个目录没有指定具体的分辨率,所以一般不使用它来放置图片。这里我们在res目录下新建一个drawable-xhdpi目录,然后放入img_1.png 、img_2.png
在这里插入图片描述 在这里插入图片描述
,然后修改activity.xml:

<ImageView
        android:id="@+id/image_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/img_1" />

我们还可以动态地更换ImageView中的图片:

private ImageView imageView;

// onCreate方法中加入
imageView = (ImageView) findViewById(R.id.image_view);

...
case R.id.button:
    imageView.setImageResource(R.drawable.img_2);
    break;

ProgressBar

<ProgressBar
        android:id="@+id/progress_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

android:visibility

  • visiable:默认,可见
  • invisiable:不可见,但仍占空间,可以理解成为透明状态
  • gone:不可见,不占空间

我们尝试使用按钮来控制这种属性:

private ProgressBar progressBar;

// onCreate方法中加入
progressBar = (ProgressBar) findViewById(R.id.progress_bar);

...
case R.id.button:
    if(progressBar.getVisibility() == View.GONE) {
        progressBar.setVisibility(View.VISIBLE);
    } else {
        progressBar.setVisibility(View.GONE);
    }
    break;

除此之外,还可以设置水平进度条:

<ProgressBar
        android:id="@+id/progress_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="?android:attr/progressBarStyleHorizontal"
        android:max="100"/>

max为水平进度条的最大值,然后我们通过点击按钮改变当前进度:

case R.id.button:
    int progress = progressBar.getProgress();
    progress = progress + 10;
    progressBar.setProgress(progress);
    break;

常见控件还有AlertDialog、ProgressDialog,用法这就省略了

发布了88 篇原创文章 · 获赞 16 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_42317011/article/details/104342806
今日推荐