直播系統程式碼,點選產生動畫效果並移動的特效
直播系統程式碼,點選產生動畫效果並移動的特效
實現方式
go TranslateAnimation translateAnimation = new TranslateAnimation( TranslateAnimation.RELATIVE_TO_SELF, -1, TranslateAnimation.RELATIVE_TO_SELF, 0, //0代表控制元件本身的位置 TranslateAnimation.RELATIVE_TO_SELF, 0, TranslateAnimation.RELATIVE_TO_SELF, 0); translateAnimation.setDuration(900); mViewReward.startAnimation(translateAnimation);
dmeo
```go <?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android=" xmlns:app=" xmlns:tools=" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <androidx.constraintlayout.widget.ConstraintLayout app:layout_constraintLeft_toLeftOf="parent" android:id="@+id/reward_view" app:layout_constraintBottom_toTopOf="@id/reward" android:layout_marginBottom="100dp" android:visibility="gone" android:layout_width="wrap_content" android:layout_height="wrap_content"> <ImageView android:id="@+id/left_image" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintTop_toTopOf="parent" android:layout_width="60dp" android:layout_height="60dp"/> <TextView android:id="@+id/tv" app:layout_constraintLeft_toRightOf="@id/left_image" app:layout_constraintTop_toTopOf="@id/left_image" app:layout_constraintBottom_toBottomOf="@id/left_image" android:layout_marginLeft="10dp" android:text="穿雲箭" android:textSize="14sp" android:textColor="#000000" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <ImageView android:id="@+id/right_image" app:layout_constraintLeft_toRightOf="@id/tv" app:layout_constraintTop_toTopOf="parent" android:layout_marginLeft="10dp" android:layout_width="60dp" android:layout_height="60dp"/> <TextView android:id="@+id/number" android:gravity="center" android:textSize="30sp" android:textColor="#FF5722" app:layout_constraintLeft_toRightOf="@id/right_image" app:layout_constraintTop_toTopOf="parent" android:text="x90" app:layout_constraintBottom_toBottomOf="parent" android:layout_width="60dp" android:layout_height="0dp"/> </androidx.constraintlayout.widget.ConstraintLayout> <Button android:id="@+id/reward" app:layout_constraintTop_toTopOf="parent" app:layout_constraintBottom_toBottomOf="parent" android:layout_width="match_parent" android:layout_height="wrap_content"/> </androidx.constraintlayout.widget.ConstraintLayout> public class MainActivity extends AppCompatActivity implements View.OnClickListener { private ImageView mImageLeft; private TextView mTv; private ImageView mImageRight; private TextView mNumber; private Button mReward; private ConstraintLayout mViewReward; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); } private void initView() { mImageLeft = (ImageView) findViewById(R.id.left_image); mTv = (TextView) findViewById(R.id.tv); mImageRight = (ImageView) findViewById(R.id.right_image); mNumber = (TextView) findViewById(R.id.number); mReward = (Button) findViewById(R.id.reward); mReward.setOnClickListener(this); mViewReward = (ConstraintLayout) findViewById(R.id.reward_view); Glide.with(this).load("https://avatar.csdnimg.cn/E/C/F/1_weixin_45680654_1609595020.jpg") .apply(RequestOptions.bitmapTransform(new CircleCrop())) .into(mImageLeft); Glide.with(this).load("https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fww4.sinaimg.cn%2Flarge%2F9150e4e5ly1fhhjs6mu89j20hs0hsqdk.jpg&refer=http%3A%2F%2F) .apply(RequestOptions.bitmapTransform(new CircleCrop())) .into(mImageRight); } private CountDownTimer countDownTimer = new CountDownTimer(3000,1000) { @Override public void onTick(long millisUntilFinished) { } @Override public void onFinish() { TranslateAnimation translateAnimation = new TranslateAnimation( TranslateAnimation.RELATIVE_TO_SELF, 0, TranslateAnimation.RELATIVE_TO_SELF, -1, //0代表控制元件本身的位置 TranslateAnimation.RELATIVE_TO_SELF, 0, TranslateAnimation.RELATIVE_TO_SELF, 0); translateAnimation.setDuration(900); mViewReward.startAnimation(translateAnimation); new Handler().postDelayed(new Runnable() { @Override public void run() { mViewReward.setVisibility(View.GONE); } },800); } }; @Override public void onClick(View v) { switch (v.getId()) { case R.id.reward: // TODO 21/08/25 Random ra =new Random(); int i = ra.nextInt(101 - 10) + 10; mNumber.setText("x"+i); mViewReward.setVisibility(View.VISIBLE); TranslateAnimation translateAnimation = new TranslateAnimation( TranslateAnimation.RELATIVE_TO_SELF, -1, TranslateAnimation.RELATIVE_TO_SELF, 0, //0代表控制元件本身的位置 TranslateAnimation.RELATIVE_TO_SELF, 0, TranslateAnimation.RELATIVE_TO_SELF, 0); translateAnimation.setDuration(900); mViewReward.startAnimation(translateAnimation); countDownTimer.start(); break; default: break; } } @Override protected void onDestroy() { if (countDownTimer!=null){ countDownTimer.cancel(); } super.onDestroy(); }
以上就是 直播系統程式碼,點選產生動畫效果並移動的特效,更多內容歡迎關注之後的文章
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2849706/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 成品直播原始碼推薦,js點選讓視窗抖動動畫效果原始碼JS動畫
- 直播app系統原始碼,圖片Loading旋轉動畫效果APP原始碼動畫
- 成品直播原始碼,點選滑動切換效果原始碼
- CSS去除移動端點選時元素產生的背景色CSS
- 線上直播系統原始碼,使用ValueAnimator實現view放大縮小動畫效果原始碼View動畫
- 直播系統平臺搭建,大屏倒數計時動畫效果動畫
- 直播系統原始碼,點選滾動的輪播圖自動跳轉到相應頁原始碼
- 直播系統程式碼,點選選擇欄,彈出各個選項
- 直播系統原始碼,雲朵左右移動迴圈動畫實現原始碼動畫
- 愛奇藝直播-打造高效的特效資源生產體系特效
- 移動端點選事件延遲的誕生消亡史事件
- 直播電商原始碼,android設定輪播圖轉場動畫特效原始碼Android動畫特效
- app直播系統原始碼,點選生成條形碼APP原始碼
- css動畫之 360首頁四字移動效果CSS動畫
- 直播app原始碼,標題欄隨頁面滑動之title移動定位效果APP原始碼
- CSS3動畫效果下拉導航選單效果CSSS3動畫
- 行動式直播車-移動影片即時傳輸系統
- canvas動畫特效 之 星空Canvas動畫特效
- jQuery 效果 – 動畫jQuery動畫
- 移動端禁用系統預設選單
- jQuery 動畫效果 與 動畫佇列jQuery動畫佇列
- JS動畫效果——多物體動畫JS動畫
- 直播系統程式碼,選擇分類時,顯示更多下拉框效果的內容
- 直播軟體原始碼,實現頁面滾動到可視區顯示動畫效果原始碼動畫
- loading動畫的效能優化-摒棄Canvas,擁抱CSS3-實現點選特效動畫優化CanvasCSSS3特效
- 短視訊系統,Android 使用MotionLayout實現動畫效果Android動畫
- 直播系統程式碼,給標題欄新增陰影效果和圓角效果
- JQuery3:動畫和特效jQuery動畫特效
- 【CSS】圖片動畫特效(相框)CSS動畫特效
- jquery計數器動畫特效jQuery動畫特效
- app直播原始碼,等待時的載入動畫(交錯載入動畫)APP原始碼動畫
- 直播系統程式碼,Android自定義View實現呼吸燈效果AndroidView
- SVG點選實現動態放大的圓效果SVG
- JavaScript 動畫效果緩慢二級下拉選單JavaScript動畫
- 直播軟體app開發,導航條根據位置移動實現定位、顏色過渡動畫效果APP動畫
- 移動辦公oa系統的選擇要素有哪些?
- jQuery 效果 – 停止動畫jQuery動畫
- Flutter抖動動畫、顫抖動畫、Flutter文字抖動效果Flutter動畫