ImageButton trong Android
Một ImageButton là một AbsoluteLayout mà cho phép bạn xác định vị trí chính xác của các view con. Control này hiển thị một image (thay cho text) mà có thể được nhấn hoặc click bởi người dùng.
Button style set trong Android
Các thuộc tính của ImageButton trong Android
Bảng dưới liệt kê một số thuộc tính quan trọng liên quan tới ImageButton Control. Bạn có thể kiểm tra Android Offical Documentation để có danh sách đầy đủ các thuộc tính và phương thức liên quan để thay đổi các thuộc tính này tại runtime.
Kế thừa từ lớp android.widget.ImageView −
Attribute | Miêu tả |
---|---|
android:adjustViewBounds | Thiết lập là true nếu bạn muốn ImageView để điều chỉnh biên giới của nó để bảo quản tỉ lệ các cạnh của drawable |
android:baseline | Đây là offset của baseline bên trong view này |
android:baselineAlignBottom | Nếu true, view sẽ được căn chỉnh baseline dựa trên cạnh dưới của nó |
android:cropToPadding | Nếu true, hình ảnh sẽ bị cắt để phù hợp với padding của nó |
android:src | Thiết lập một drawable như là nội dung của ImageView này |
Kế thừa từ lớpandroid.view.View −
Attribute | Miêu tả |
---|---|
android:background | Đây là một drawable để sử dụng như background |
android:contentMiêu tả | Định nghĩa text mà miêu tả ngắn gọn nội dung của view |
android:id | Cung cấp một tên định danh cho view này |
android:onClick | Đây là tên phương thức trong ngữ cảnh của View này để triệu hồi khi view được click |
android:visibility | Điều khiển sự nhìn thấy ban đầu của view |
Ví dụ
Ví dụ sau sẽ đưa bạn qua các bước đơn giản để minh họa cách tạo ứng dụng Androidd bởi sử dụng Linear Layout và ImageButton.
Bước | Miêu tả |
---|---|
1 | Bạn sử dụng Android Studio IDE để tạo một ứng dụng Android với tên là myapplication dưới một package là com.example.myapplication đã được giải thích trong chương Ví dụ Hello World . |
2 | Sửa đổi src/MainActivity.java file để thêm một click event |
2 | Sửa đổi nội dung mặc định của res/layout/activity_main.xml file để bao UI Control |
3 | Không cần khai báo các hằng chuỗi tại string.xml, Android Studio sẽ để ý các hằng chuỗi mặc định |
4 | Chạy ứng dụng để chạy Android Emulator và kiểm tra kết quả các thay đổi đã thực hiện trong ứng dụng |
Sau đây là nội dung của Main Activity file đã được sửa đổi: src/com.example.myapplication/MainActivity.java.
package com.example.myapplication; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.view.View; import android.view.View.OnClickListener; import android.widget.ImageButton; import android.widget.Toast; public class MainActivity extends Activity { @Override ImageButton imgButton; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); imgButton =(ImageButton)findViewById(R.id.imageButton); imgButton.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(getApplicationContext(),"You download is resumed",Toast.LENGTH_LONG).show(); } }); } @Override public boolean onCreateOptionsMenu(Menu menu) { /* Inflate the menu; this adds items to the action bar if it is present */ getMenuInflater().inflate(R.menu.main, menu); return true; } }
Sau đây là nội dung của res/layout/activity_main.xml file −
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"> <TextView android:text="Tutorials Point" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="30dp" android:layout_alignParentTop="true" android:layout_alignRight="@+id/imageButton" android:layout_alignEnd="@+id/imageButton" /> <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/imageButton" android:layout_centerVertical="true" android:layout_centerHorizontal="true" android:src="@drawable/abc"/> </RelativeLayout>
Sau đây là nội dung của res/values/strings.xml để định nghĩa các hằng mới này −
<?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">myapplication</string> <string name="action_settings">Settings</string> </resources>
Sau đây là nội dung mặc định của AndroidManifest.xml −
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.myapplication" android:versionCode="1" android:versionName="1.0" > <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="22" /> <application android:allowBackup="true" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" > <activity android:name="com.example.myapplication.MainActivity" android:label="@string/app_name" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest>
Chạy ứng dụng myapplication. Giả sử bạn đã tạo AVD trong khi cài đặt. Để chạy ứng dụng từ Android Studio, mở activity file và nhấn biểu tượng Run từ thanh công cụ. −
Màn hình sau sẽ xuất hiện khi bạn click vào ImageButton:
Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.
Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:Các bạn có thể mua thêm khóa học JAVA CORE ONLINE VÀ ỨNG DỤNG cực hay, giúp các bạn vượt qua các dự án trên trường và đi thực tập Java. Khóa học có giá chỉ 300K, nhằm ưu đãi, tạo điều kiện cho sinh viên cho thể mua khóa học.
Nội dung khóa học gồm 16 chuơng và 100 video cực hay, học trực tiếp tại https://www.udemy.com/tu-tin-di-lam-voi-kien-thuc-ve-java-core-toan-tap/ Bạn nào có nhu cầu mua, inbox trực tiếp a Tuyền, cựu sinh viên Bách Khoa K53, fb: https://www.facebook.com/tuyen.vietjack
Follow facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.
Bài học Angular phổ biến tại vietjack.com: