Belajar Android Membuat Tulisan Berjalan - Marquee
Belajar Android lagi yuk,
walaupun masih suasana lebaran teta[ harus semangat. Pada seri tutoial
android kali ini kita akan belajar bagaiman cara menampilkan text
bergerak di android. Kalau yang sering buat web pasti tahu yang namanya
marquee. Marquee adalah tag yang digunakan untuk menmpilkan tulisan
bergerak pada halaman web, biasanya digunakan untuk menampilkan
informasi penting. Tentunya kita berfikir, bisa nggak yah kita buat
tulisan bergerak diandroid. Yang paling mudah adalah cari digoogle siapa
tahu ada yang pernah share.
Sekarang mari kita buat aplikasinya
1. Buat project dengan nama “
LearnMarquee”
2.Siapkan layout untuk aplikasi kta, untuk itu Edit
activity_main.xml lalu ketikan kode berikut
03 | android:layout_width = "match_parent" |
04 | android:layout_height = "match_parent" |
05 | tools:context = "${packageName}.${activityClass}" > |
08 | android:id = "@+id/ticker_area" |
09 | android:layout_width = "match_parent" |
10 | android:layout_height = "wrap_content" |
11 | android:background = "#00FF00" |
12 | android:orientation = "horizontal" > |
16 | android:id = "@+id/ticker_area2" |
17 | android:layout_width = "match_parent" |
18 | android:layout_height = "wrap_content" |
19 | android:layout_alignParentLeft = "true" |
20 | android:layout_below = "@+id/ticker_area" |
21 | android:background = "#9CB1DD" |
22 | android:orientation = "horizontal" > |
3. Sekarang kita masuk ke otak dari aplikasi kita, Edit
MainActivity.java lalu ketikan kode berikut
01 | package net.agusharyanto.learnmarquee; |
03 | import android.app.Activity; |
04 | import android.content.Context; |
05 | import android.graphics.Color; |
06 | import android.os.Bundle; |
07 | import android.view.View; |
08 | import android.view.animation.Animation; |
09 | import android.view.animation.TranslateAnimation; |
10 | import android.widget.LinearLayout; |
11 | import android.widget.TextView; |
13 | public class MainActivity extends Activity { |
16 | protected void onCreate(Bundle savedInstanceState) { |
17 | super .onCreate(savedInstanceState); |
18 | setContentView(R.layout.activity_main); |
19 | LinearLayout ticker_area1 = (LinearLayout) findViewById(R.id.ticker_area); |
20 | LinearLayout ticker_area2 = (LinearLayout) findViewById(R.id.ticker_area2); |
21 | setticker(ticker_area1, "Orang tua bahagia kalau anaknya lulus kuliah tepat waktu dengan nilai yang baik" , this ); |
22 | setticker(ticker_area2, "Calon Mertua juga akan bangga punya menantu yang baik agamanya dan mapan kehidupannya" , this ); |
25 | public void setticker(LinearLayout parent_layout, String text, Context contx) { |
28 | TextView view = new TextView(contx); |
31 | view.setTextColor(Color.BLACK); |
32 | view.setTextSize( 25 .0F); |
33 | Context context = view.getContext(); |
37 | view.measure(View.MeasureSpec.UNSPECIFIED, |
38 | View.MeasureSpec.UNSPECIFIED); |
41 | float width = view.getMeasuredWidth(); |
42 | float height = view.getMeasuredHeight(); |
45 | float screenWidth = ((Activity) context).getWindowManager() |
46 | .getDefaultDisplay().getWidth(); |
48 | view.setLayoutParams( new LinearLayout.LayoutParams(( int ) width, |
51 | System.out.println( "width and screenwidth are" + width + "/" |
52 | + screenWidth + "///" + view.getMeasuredWidth()); |
55 | float toXDelta = width - (screenWidth - 0 ); |
60 | toXDelta = 0 - screenWidth; |
62 | toXDelta = 0 - screenWidth - toXDelta; |
65 | Animation mAnimation = new TranslateAnimation(screenWidth, |
67 | mAnimation.setDuration( 15000 ); |
68 | mAnimation.setRepeatMode(Animation.RESTART); |
69 | mAnimation.setRepeatCount(Animation.INFINITE); |
70 | view.setAnimation(mAnimation); |
71 | parent_layout.addView(view); |
4. Mari kita jalankan programnya
Nah gampangkan buat marquee text di android
Semoga Bermanfaat
Salam Hangat
Thony Fraga
Email laorai89@gmail.com
saran dan trikit
BalasHapus